Archived topic
change background colour, Left-Sidebar-Widget only
5 replies · Started by Stephen on May 7, 2022
when I use CSS to change left sidebar widget background colour to light grey some widgets in my footer also change to light grey
- Can you suggest CSS to style only the left sidebar widget without effecting footer widgets?
The CSS i've tried is below.
.left-sidebar .widget {
background:#f8f8f8;
}
or
.left-sidebar .widget {
background-color : #f8f8f8;
}
Hi Stephen,
Try change the selector to .inside-left-sidebar .widget.
Hi Ying, that works great thanks.
Once you get the hang of it styling things with CSS is very useful !
My sidebar widget has a navigation menu in it.
Do you know if I can do much to change the nav menu styling using CSS - maybe there is a post about it somewhere ?
(like lines between menu items or drop down arrows etc)
Thanks
Stephen
Do you know if I can do much to change the nav menu styling using CSS – maybe there is a post about it somewhere ?
(like lines between menu items or drop down arrows etc)
You can add or change the style(color/underline/font/spacing) of any element on your site using CSS :) This is what CSS for.
But if you want to make the menus into dropdown, that will require JavaScript, it's not something that CSS can do.
Great thank you, something else to fiddle about with when I have time.
Stephen 🖐
You are welcome :)
