Archived topic

targetting one sidebar widget

3 replies · Started by Ian Hipwell on January 12, 2015

Viewing posts 1–4 of 4

January 12, 2015 at 7:57 pm #64541

Hi Tom,

Is it possible to alter the behaviour of one text widget in the right sidebar & leave the others unchanged? In Customise -> Element spacing, the separating space for sidebar widgets is set to top: 40, right:40, bottom: 40 left: 40.

I'd like to keep that as it is for all the widgets except for 1 text widget where I'd like to reduce the left & right spacing to zero.

(climatechangepredictions.org - the 5th widget in the sidebar has a vertical banner with a width of 160 pixels, I'd like to replace it with a banner with a width of 300 pixels.)

I'd put my html skill level at moderate, so could you make the answer easy to follow? (I've looked at Simple Custom CSS but I'm not quite sure how to use it)

thanks,
Ian H

January 13, 2015 at 12:08 am #64552

Hi Ian,

Each widget has a unique ID which you can use in your CSS to be more specific.

If you use your Inspect Element tool, look for the ID of the "aside" element.

Let me know if that makes sense or not :)

January 13, 2015 at 10:42 pm #64852

Hi Tom,

Thanks for the reply, but I was hoping you could write out the code snippet and explain where it gets pasted to.

thanks,
IanH

January 15, 2015 at 1:25 pm #65498

This should help: http://generatepress.com/forums/topic/style-sidebar-widgets-individually/#post-44788

This archived topic is closed to new replies.

Start building better websites today.