[DesignMunkyParticipant]

Hi Guys,

Can you please tell me what CSS to use to remove the padding around the Revolution Slider Widget at the top of the sidebar on this demo site I am building?

http://design-munky.com/xpress/

I’d like to have the image go to the edges of the sidebar.

Thanks,
Darren.

[Rue NelModerator]

Hello Darren,

Thanks for writing in! To remove the padding around the Revolution Slider Widget at the top of the sidebar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-sidebar .widget.widget_revslider {
  margin: -20px;
}

Please let us know if this works out for you.

[DesignMunkyParticipant]

Thanks guys – it was actually -23px to remove the margin completely.

Have a look at the site now. You will notice a white line to the right side of the sidebar graphic on the header. I’m assuming this is the border of the sidebar itself. Is there any way to se this to the red colour of the graphic in just the header area? It’s not really that big a deal…but thought I’d check to see if it was actually something that could be changed…

Cheers,
Darrren.

[Rue NelModerator]

Hello Darren,

Thanks for letting me know that it works out for you. The thin white line is the border of the entire sidebar. Removing this line would mean losing the border of the whole sidebar. If you wish to do so or try and see how it would look like, you can make use of this code in your customizer, Appearance > Customize > Custom > CSS

.x-content-sidebar-active .x-sidebar {
    border: none;
}

Hope this could help.

[DesignMunkyParticipant]

Hey Rue,

Thanks for the update. I think I’ll stick with the thin white line then – all good.

Cheers,
Darren

[ChristianModerator]

You’re welcome, Darren. 🙂

[Author]

Posts