Increase font size on widget headline

[mbpz]

I need to increase a widget headline only on the homepage for: <h3 class="rpwe-title">...</h3>

Is there a simple way to do this where it will not affect other widget areas?

[marc_a]

Hi @mbpz,

Thanks for reaching out!

You can use this CSS selector so that it will only affect the homepage.

.home .rpwe-title {
	// your css code here
}

Please check the articles on how to can increase the font size:

• https://www.w3schools.com/cssref/pr_font_font-size.asp
• https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
• https://www.w3schools.com/css/css_font_size.asp

Hope that helps.

[mbpz]

Hi and thanks for the reply.

I pasted the code below into the Global CSS field under theme options and nothing happened. Is there another place it should go?

.home .rpwe-title {
		margin: 1em 0 0.5em 0;
		color: #343434;
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
		font-family: 'lato', sans-serif;
}

[prakash_s]

Hello @mbpz,

It might be the issue of any custom CSS code issue on any CSS syntax error in the custom CSS code. I would suggest you check your custom CSS syntax error from the CSSLINT. If it doesn’t work for you please share a marking screenshot with the exact page URL.

Thanks

[mbpz]

Hi,
I’ve cleaned up the CSS. Thanks for the CSSLint link, very helpful. However, it’s still not

@prakash_s

If it doesn’t work for you please share a marking screenshot with the exact page URL.

www.mbpz.org

[prakash_s]

Hello @mbpz,

I checked your given site URL. Your custom CSS code was not working properly since the selector is not correct. There is a heading tag(H3) and there is also an anchor tag(<a>) inside the heading tag that is why it was not working. Your CSS selector should be like this .home h3.rpwe-title a

Complete code

.home h3.rpwe-title a {
    margin: 1em 0 0.5em 0;
    color: #343434 !important;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-family: 'lato', sans-serif;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks