How do I change the font color and size of the menu links on Footer Widget? I’m using 4 columns and want to keep those consistent with the header navbar that I changed through the Theme Options.
Hello Deejay,
Thanks for writing in! All links are controlled in the theme options. Please go to X/Pro > Theme Options > Typography > Site Links to set the color of your links. And if you using a stock that has its own styling, 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.
By default, the links in the footer widgets have been using this CSS styling in the theme:
.widget ul li a, .widget ol li a {
color: rgba(255,255,255,0.25);
}
You can modify this code and change the text color to white or any color that matches your site color scheme. If you need to change the font size, you can add that too. Feel free to add more custom CSS coding.
To learn more about the color and font-size property, kindly check this out:
- https://www.w3schools.com/cssref/pr_text_color.asp
- https://www.w3schools.com/cssref/pr_font_font-size.asp
Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:
- Intro to CSS - https://goo.gl/mFuWQT
- How to get CSS selectors - https://goo.gl/BmoH39
- Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
- CSS Media Queries - https://goo.gl/L3ZHNg
Worked like a charm! Thank you.
Deejay you’re welcome!
It’s good to know that it has worked for you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.