Making Home Page sidebar (and all) to be on light grey background

Posted in: Newspaper
Post count: 70
barnisayz
#60943
Jul 24, 2015 at 3:53 pm

Hi.
How can i put the home page sidebar (widget) background and all in a shade of light grey color? Screenshot: http://awesomescreenshot.com/02053fvg30
url: http://sportvision.barniwebs.com

I want to have a light grey bg for the sidebar widget.

Regards

Post count: 1291
Emil G
#61145
Jul 27, 2015 at 1:39 pm

Hi,

You can doit with custom css (add it in Theme Panel -> Custom CSS): – http://screencast.com/t/1x4nUsqI

.home .td-main-page-wrap .td-pb-span4{
background-color: lightgray;
}

For more precise results you have to add a custom class on the row which contains that sidebar and add the class in the css. – http://screencast.com/t/t7dbhZOvFwB

.home .td-main-page-wrap .main_page_sidebar{
background-color: lightgray;
}

Thank you!

  • This reply was modified 11 years by Emil G.
Post count: 70
barnisayz
#64278
Aug 14, 2015 at 6:41 pm

Hi Emil, thanks a million, the first one works like a charm. However, how can I color the pagination bg arrow to a distinct color?

Cheers!

Post count: 7909
Alin [tagDiv]
#64433
Aug 17, 2015 at 10:54 am

Hi,

If you refer to the pagination arrows for page template with latest articles(or any loop pages- category page..) unfortunately this cannot be targeted to change the background(only if you change the bg for all links – http://screencast.com/t/7q9u1HAdNw42 ), bu you can change the color for arrows – http://screencast.com/t/6iCsMt7L6

.page-nav .td-icon-menu-left, .page-nav .td-icon-menu-right {
color: red;
}

If you are referring to the block next/prev pagination you can change the background color via custom css – http://screencast.com/t/xmglzKPAAGt

.td-next-prev-wrap .td-ajax-next-page, .td-next-prev-wrap .td-ajax-prev-page {
background-color: red;
}

Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.