Menu font color

Heloo Satimis,

.site-header .primary-navigation a {
color: #;
}

.site-header .primary-navigation a:hover {
color: #;
}

Thanks Prabhukb _ I have just used the code to solve a problem I have had with the same issue.

Hi prabhukb,

Thanks for your advice.

Following codings work here

.site-header .primary-navigation a {
color: pink;
}
.site-header .primary-navigation a:hover {
color: brown;
}

Before posting I have tried with following codings without result

.site-header a {
color: pink;
}
.site-header a:hover {
color: brown;
}
.primary-navigation a {
color: yellow;
}
.primary-navigation a:hover {
color: red;
}

How to set the color of the small invert triangle?

Regards
satimis

Hi,

Copy and Paste:

.primary-navigation .menu-item-has-children > a::after,
.primary-navigation .page_item_has_children > a::after {
  color: #;
}

Hi prabhukb,

Your advice works for me. Thanks

How to set the font family, size, color etc. to menu on left column?

Is following document relevant?
WordPress Twenty Fourteen (2014) theme modifications : Change Colors, titles, metas,sidebar, fonts,header,footer, menus etc using css.
https://allaboutbasic.com/2013/12/19/wordpress-twenty-fourteen-2014-theme-modifications-change-colors-titles-metassidebar-fontsheaderfooter-menus-etc-using-css/

Regards
satimis

Sure.

Hi prabhukb,

Thanks for your advice.

After adding functions.php to child-theme. The header is pushed to the right top corner (green) and the footer disappears.

functions.php

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

I’m satisfied with this layout. Please advise how to remove the header? Thanks

Regards
satimis

Hi satimis,

Use this code

.site-header {
 max-width: 100%;
}

#site-header img {
width: 100%;
}

Change header image width to 2000px

Hi prabhukb,

Your advise works here. Thanks

I tried changing the color of the side bars (Hello world/RECEMT COMMENT/etc)

with

.content-sidebar .widget .widget_recent_entry {
color: red;
font-family: cursive;
font-size: 17px;
}

but failed, without any change.

I have a sidebar.php file on child-theme

<?php
/**
 * The Sidebar containing the main widget area
 *
 */
?>

<?php

	if ( wp_is_mobile() ) :

	// display mobile sidebar    ?>
        <div id="slideout" class="sidr">
           <div id="slideout-top">
               <?php
                   $description = get_bloginfo( 'description', 'display' );
                   if ( ! empty ( $description ) ) :
                       ?>
                       <h2 class="site-description"><?php echo esc_html( $description ); ?></h2>
                <?php endif; ?>
               <div class="search-toggle">
                   <a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
               </div>
               <div id="search-container" class="search-box-wrapper hide">
                   <div class="search-box">
                       <?php get_search_form(); ?>
                   </div>
               </div>
            </div>

            <?php if ( has_nav_menu( 'mobile' ) ) : ?>
                <nav role="navigation" class="navigation site-navigation">
                    <?php wp_nav_menu( array( 'theme_location' => 'mobile' ) ); ?>
                </nav>
            <?php endif; ?>

            <?php if ( is_active_sidebar( 'sidebar-mobile' ) ) : ?>
                <div id="mobile-sidebar" class="widget-area" role="complementary">
                    <?php dynamic_sidebar( 'sidebar-mobile' ); ?>
                </div><!-- #mobile-sidebar -->
            <?php endif;?></div>

        </div> <!-- #seconday-mobile -->

<?php
	else:

	// display normal sidebar    ?>
	<div id="secondary">
		<?php if ( has_nav_menu( 'secondary' ) ) : ?>
		<nav role="navigation" class="navigation site-navigation secondary-navigation">
			<?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
		</nav>
		<?php endif; ?>

		<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
		<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
			<?php dynamic_sidebar( 'sidebar-1' ); ?>
		</div><!-- #primary-sidebar -->
		<?php endif; ?>
	</div><!-- #secondary -->

<?php
	endif;    ?>

Whether I have to make change there? If YES please advise HOW? Thanks

Regards
satimis

.primary-sidebar .widget .widget-title {
color: red;
font-family: cursive;
font-size: 17px;
}

Hi prabhukb,

Tried follows;

.primary-sidebar .widget ."RECENT COMMEMTS" {
color: red;
font-family: cursive;
font-size: 17px;
}
.primary-sidebar .widget ."Mr WordPress on Hello world" {
color: blue;
font-family: cursive;
font-size: 17px;
}

Not worked

Regards
satimis

Sidebar Heading CSS:

ONLY COPY AND PASTE. don't add any title name (".RECENT COMMENTS" etc)
.primary-sidebar .widget .widget-title {
color: red;
font-family: cursive;
font-size: 17px;
}

Sidebar Link color
#secondary .widget a {
color: #;
}

#secondary .widget a:hover {
}

Hi prabhukb,

Following codings work;

.primary-sidebar .widget .widget-title {
color: red;
font-family: cursive;
font-size: 17px;
}

#secondary .widget a:hover {
color: yellow;
}

Following coding doesn’t work

Sidebar Link color
#secondary .widget a {
color: brown;
}

Edit
====
delete “Sidebar Link color”

#secondary .widget a {
color: brown;
}

Now it works. Thanks

satimis