Right Sidebar
-
AuthorPosts
-
donscrooby
MemberHi
How can I increase the font size and colour of the Heading of the right sidebar as well as changing the colour of the font in the list of the recent posts? I do have CSS.
Appreciate your help – thank you.
snapshotsofmyworld.com
Regards
DonThe blog I need help with is: (visible only to logged in users)
binarymoon
Theme AuthorHi there – thanks for the message.
You can change the sidebar title with:
#sidebar aside h3.widgettitle { color: #ffffff; font-size: 16px; }
And the body colour with:
.entry { color: #000000; }
Note that changing the body colour will change the text colour for comments and other elements as well. Because of the html structure we can’t focus it on just the text content.
You can pick colours here:
https://prothemedesign.com/tools/color-picker/Thanks – Ben
Hi Ben
Thanks for your help. The font size of the sidebar heading is fine. I would’ve also liked to have changed the colour of the sidebar heading background. Perhaps I should have explained better.
I didn’t want to change the colour of the text in the body of the post – only the rest of the text in the sidebar eg list of recent posts.
regards
Donbinarymoon
Theme AuthorAh – sorry about that.
To change the sidebar header background you qwould use:
#sidebar aside h3.widgettitle { background: #ff0000; } #sidebar aside h3.widgettitle:before, #sidebar aside h3.widgettitle:after { border-top-color: #ff0000; }
Note that you will need to change the colour to the same value in two places. This changes the background and the little arrow.
Cheers – Ben
Hi Ben
Thank you for the CSS code. However, I see you never gave me any css code for changing text colour in the sidebar widget, in other words, the text describing the titles of the recent posts. Would really appreciate it if you can give that to me. That’s all I need now.
Really appreciate your help.
Regards
Donbinarymoon
Theme AuthorSorry – it was late when I replied. I missed that bit.
Currently all the text in your sidebar is links, to change these use:
aside .widget li a, aside .widget li a:visited { color: #000000; }
If you add more widgets with normal text then use:
aside .widget li { color: #000000; }
Hope that solves it! :)
Thank you for all your help.
regards
Don
- The topic ‘Right Sidebar’ is closed to new replies.