Hey Guys,
I’m trying to alter the text size of the NAMES of my Footer Menu Widget found at the bottom of my website.
These 3 Footer Menu Widget NAMES (Hopefully I’m using the correct terminology) are:
and are found in the Footer area of my website found at www.dipa.com.au
How do I alter these to appear bolder and/or larger?
I am using various code in Aditional CSS, but without success.
Many thanks again for your help!
Simon
Hi Simon,
There is no option in the theme to be able to change the heading of the widget areas on the footer. You need to add CSS code into X > Theme Options > CSS.
You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.
The widget areas titles use h4 HTML tag and have h-widget CSS class. The footer section of the theme has x-colophon class, therefore a proper CSS selector for the heading section of the widgets in the footer will be:
.x-colophon h4.h-widget {
font-size: 15px;
}
Feel free to add whatever CSS code you like inside the selector. I added a font size of
15pxas an example.
We are unable to provide CSS code for the customization as it is outside of our support scope. The points above will be a good starting point and if you are interested you can learn more about CSS selectors and details here.
If you are more interested in having control over all aspects of the footer I suggest that you consider the Pro theme which has a Footer builder and you can use various elements to create a footer.
Kindly check the Elements section of our documentation to learn more on which elements you can use on Pro Header/Footer builders.
Thank you.
Thank You Christoper.
With the code you sent me and your comment I was able to make ALL the changes I needed.
You are a True Wizard…
Simon
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.