A few questions, need help

vananhthang
(@vananhthang)

7 years, 9 months ago

Hi guys,

I am using the Olsen Light Theme for my blog, and I have a few questions. Please help me.

1. How can I color the top menu? I want to make it black or other colors.

2. How can I make items in the top menu bigger and bold?

3. How can I remove the footer menu?

4. How can I make the site title bold and make its size bigger?

5. How can I add the Popular Article widget on the sidebar? I can’t find it.

Please help me as soon as possible. Thank you so much.

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

(@addweb-solution-pvt-ltd)

Hello vananhthang,

Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

/** 1. Top menu color **/
.site-bar {
  background: #000000;
}

/** 2. Top menu bigger and bold **/
.navigation li a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

/** 3.Remove the footer menu **/
#footer .site-bar {
  display: none;
}

/**  4.site title bold and make its size bigger **/
.site-logo a {
  font-size: 40px;
  font-weight: bold;
}

5. You can use WordPress Popular Posts plugin for popular posts.

Hope this will helps you.

Thanks.

Thread Starter

vananhthang

(@vananhthang)

7 years, 9 months ago

Yeap. Thank you. All works.

Please tell me how I could remove the site title in the bottom and add other things like “Copyright”, etc.

Thanks.

This reply was modified 7 years, 9 months ago by vananhthang.

Fotis

(@markwaregr)

7 years, 9 months ago

Hi there,
open footer.php and replace

<h3>
<a href="<?php echo esc_url( home_url() ); ?>">
<?php if( get_theme_mod( 'footer_logo', get_template_directory_uri() . '/images/logo.png' ) ): ?>
<img src="<?php echo esc_url( get_theme_mod( 'footer_logo', get_template_directory_uri() . '/images/logo.png' ) ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
<?php else: ?>
<?php bloginfo( 'name' ); ?>
<?php endif; ?>
</a>
</h3>
<?php if ( get_theme_mod( 'footer_credits', 1 ) ) : ?>
	<p class="tagline">
	<?php echo wp_kses( sprintf( __( '<a href="%1$s" title="%2$s">Olsen WordPress Theme</a> by <a href="%3$s">CSSIgniter</a>', 'olsen-light' ),
									esc_url( 'https://www.cssigniter.com/ignite/themes/olsen-light/' ),
									esc_attr__( 'Blogging theme for WordPress', 'olsen-light' ),
									esc_url( 'https://www.cssigniter.com/' )
								), olsen_light_get_allowed_tags( 'guide' ) ); ?>
	</p>
<?php endif; ?>

With the text you want like this

<p class="tagline">Your Text here</p>

Let me know if this works, or if I can help out more.