Widgets heading size not working


I am using moesia pro child theme, its working fine. I want to change the heading size of widgets but when i change the size from appearance it change in live preview but not changing in real (on front end). What could be the issue?

Thank you for the help.

Sorry, I also want color hover effect for Moesia: social profiles.


Hello Taimoor,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#primary .widget-title {
    font-size: 32px;

section.social-area ul li a:hover::before {
    color: blue;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman

Thank you for reply.

The 2nd code is not working either in Dashboard → Appearance → Customize → Additional CSS or Style.css file of my child theme.

The 1st code is working only in Additional CSS and not in Style.css file of my child theme.

I want to make it work in child theme because i also have to change the whole font of my web for which i configured child theme.

Kind Regards

Hello Taimoor,

Can you please provide a link to your website in order to let me check it?

Kind Regards, Roman.

Hi Roman,

Here is the link. http://www.genxsolutions.co.uk/home/


Hello Taimoor,

You have this custom CSS code:

.social-area a::before {
    color: #ffffff !important;

Please try to remove !important.

Please let me know if you need more help.

Kind Regards, Roman.

yea now its working. Thanks a lot.

You are welcome Taimoor!

Kind Regards, Roman.