Help with Css in Widget Box?
-
Hi :)
I want to change the font style (definitely size, possibly the type of font as well…)in a widget text box so it doesn’t look the same as the text in the main content of my site… is there a way to do that and would I put the css for it right in the widget box itself?
Thanks!
The blog I need help with is: (visible only to logged in users)
-
I have the same question – how to decrease font size in widget boxes, such as footer! Thanks!
-
Please try this style on your blog:
div#secondary .widget{ font-family: 'Source Sans Pro', Arial, sans-serif; font-size:15px; }@laura960, your selector (div#secondary .widget) will be different although the properties (font-family and font-size) can be reused. Please add a text widget some text so we can figure the selector.
-
@laura9060
All CSS editing is theme specific editing. No your question is not the same if you are referring https://caribbeanjourney.wordpress.com/If you are referring to another wordpress.com hosted blog wearing the Sela theme then post the URL here.
For any other theme on a WordPress.com hosted blog that you have a custom design upgrade on start a new thread please and be sure to include the URL of the blog https://en.forums.wordpress.com/forum/css-customization
-
@laura960, I see Sela on this site for you: http://themangoseed.com.
To decrease the font size in the footer widgets area, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
.footer-widget-area .widget { font-size: 75%; }You can adjust the size as desired.
-
staff-happychia – that worked perfectly! Thank you I was able to change the size and font type, but for some reason I can’t get the color to change?
-
-
Yup – I posted the wrong blog – I was asking about http://www.themangoseed.com – but trying the CSS from thesacredpath right now!
-
-
Sorry – I am referring to the footer widget just above the social icon menu – right now on my site it is just a few sentences – but how do I center them?
-
Oh that one. Okay,
Let’s modify the custom CSS to include text align attribute and set its value to center :-)
.footer-widget-area .widget{ font-size:75%; text-align: center; }
- The topic ‘Help with Css in Widget Box?’ is closed to new replies.