Hi!
I’d like to add/change a background of menu, header, sidebar, how can i do it?
I found a td-bootstrap.css file, but it’s tricky to make any changes there, coz it’s a one-line-file..
Thaks in advance!
Hi,
The menu and header background can be changed from theme panel > theme colors: http://screencast.com/t/MkltZxpqu3
You need to use css for sidebar, follow this topic https://forum.tagdiv.com/topic/control-of-widget-headerslines-on-sidebar/#post-19605 as I explained there how to target the sidebar and use background-color: to change it as you like.
Thanks
I need not just to change the colors of menu and header, i’ve got some templetes which i’d like to use as a background.
Did i get you right that i need to add a specil class here?
<div class=”span4 column_container”>
<?php get_sidebar(); ?>
</div>
And then i can use custom css for this class? Can i add a backgrond image for it, not just to change the colors?
And your example was for category page template, i want to change sidebar on post templete too, i looked at loop-single file, but didn’t find there anything about sidebar..
Hi,
In that case you will need to add the background using background-image: url(''); via css and target the container that you want to add the image as a background.
Yes, you will have to add a class, like this:
<div class=”span4 column_container my_custom_class”>
You need to do this for templates that you can not target other.
For the post page template for the sidebar you will not have to add a class because there is one which you can use: http://screencast.com/t/iBSu7S7VKXx
Thanks
Ok, got it, thank you, Lucian!
Btw, what is about sidebar on the pages? Does it need a special class too? And in which file should i add it?
Hi,
If it’s not an widgetised sidebar which you can add via pagebuilder then you will probably need one. In that case you will have to edit and add it to the page template you are using to create the page: http://screencast.com/t/MMjMqfGVI6Qa – > http://screencast.com/t/9eRyminqOz3e
Thanks
Sorry, not sure if i got it..
I’ve made a new page using admin panel (just added a new page from it). It’s not the main page, just one of some others, in particular it’s a sitemap page.
I don’t find there any class like for sidebar on post page
sidebar code here is
<div class=”span4 column_container” itemtype=”http://schema.org/WPSideBar” itemscope=”itemscope” role=”complementary”>
<aside class=”widget widget_categories”>
<div class=”block-title”>
<span>Рубрики</span>
</div>
-
</aside>
And one more issue with header.
I added background image, the height 200px using this
.td-boxed-layout .td-logo-rec-wrap {
background-image: url(http://balkonsami.ru/wp-content/uploads/2014/09/dreamstime_37396329-2.jpg);
}
Then i’m trying to add a logo, but if my logo is 300x100px as you recomend, the big lower part of my background is invisible. When i increased the height of my logo till 165px the background started to look better. So are they related to each other? Or i do something wrong?
It seems i found the solution for issue with header.
I added this code, is i tthe right way?
.header-logo-wrap {
margin-bottom: 90px;
margin-top: 10px;
}
Hi,
Glad you figured it out!
Regarding the sidebar, I have noticed that you are using the default page template: http://screencast.com/t/spbVpGtN
In that case you will have to add you custom class in page.php template, like this: http://screencast.com/t/m4NUcTZNv
You will not find a different class on sidebars on templates, that is the point, you will have to add it yourself so you can target the sidebar you use on that template and customize it like you want using custom css:
Result in my example: http://screencast.com/t/Y8d2bUtFwaz
Thanks
