Search Results for 'css'

Hi,
Unfortunately this will not be an easy task as there are many containers on the body that are different for posts, pages or category pages. The theme allows for a background color or image. YOu will need to use css to target every element on that particular page.
For example if i want to make the whole homepage grey this would be the code:
.td-header-style-5 .td-header-top-menu-full {
background-color: grey;
}
.td-header-wrap .td-header-menu-wrap-full, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full{
background-color:grey!important;
}
.td-header-sp-recs{
background-color:grey;
}
.td-main-content-wrap{
background-color:grey;
}
.td-footer-wrapper{
background-color:grey!important;
}

This will not work 100% on posts or category pages because other containers will be present that are not used on the homepage.
I hope this helps.
Thank you!

Hello,

You can use css to hide the header if you want. Every page has a specific ID that can be targeted with css: http://screencast.com/t/cXvGp4CdWSQ
For example on your homepage you would use this code:

.page-id-37 .td-header-style-10{
display:none!important;
}

For another page, simply change the id in the code to the id of your page.

Thank you!

Hello an0therPass34,

Unfortunately, not all the options from Visual Composer are working properly with our theme. If you want to add a border for your row in Visual Composer, first of all, you have to do a custom class, like this -> http://screencast.com/t/32YNzY3r8WWs and then you should add the border with custom CSS like this -> http://screencast.com/t/YS84oYlpPUr

Please try the code below and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/EdJI1cqUbLtD

.custom_class {
border:3px solid red!important;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,
You can do it with css media queries. you can give a fixed size to your element on desktop and a dynamic one for tablets/phones. You can place the code directly in the specific viewport from the theme panel: http://screencast.com/t/wWhFwulG9
Thank you!

Hi,
It seems there is something interfering with the css so please disable all your plugins except visual composer and check again. Also clear your cache. There could be a plugin conflict preventing these options to work.
If the problem is still there afterwards, please send an email at contact@tagdiv.com and provide wp-admin so we can take a look. Also include a link to this topic.
Thank you!

Hello,

1) Unfortunately the plugin is not tested to work with our theme so we cannot assure it’s functionality. Not all plugins work with our theme but this is the case for all premium themes as they are custom made and plugin sometimes cannot recognize the code or conflict with it. Unfortunately we cannot offer support for plugin implementation.

2)Post style 4 does not show the caption of the featured image by default. It does show the caption for other images except the featured one. This is the default behavior of the theme.
The post style number does not match from newsmag to newspaper. This happens when switching to another theme. There is an alternative if you do not wish to change the post template manually that involves editing the database and resenting all posts to the default template and then you can simply add the template you want for all your posts from the theme panel/ Please follow this topic to see how it can be done: https://forum.tagdiv.com/topic/change-style-of-multiple-posts-at-once/

3)Mega-menus were not meant to display in the mobile version of the website.

4) Unfortunately the ‘go to top’ options was hidden on the mobile version. You can activate it with custom css if you want:
.td-scroll-up-visible {
display: block!important;
}

5)The speedbooster plugin has a function that checks for active plugins. There is a list of plugins speedbooster is compatible with – http://screencast.com/t/hcjLnOqh4i2 so if you have other plugins active it will be automatically disabled.
In order to use the tagdiv speedbooster with all plugins you will need to remove this code – http://screencast.com/t/RZLIOPUNdqh

I hope this helps
Thank you!

Hello Arafat,

Please try the code below and add it in Theme panel->Custom CSS area.

.td_module_8 .td-module-meta-info {
display:none;
}

The result: http://screencast.com/t/lrhS3MoM

Thank you for the message!

Hello Arafat,

If you want to hide this option, you have to use a bit of CSS. Add the code below in your Custom CSS area from Theme panel.

.td-related-title .td-related-right {
display:none;
}

The result you should see here: http://screencast.com/t/7LYOsk6QF

Thank you for the message!

Hello,

You can use css like this:
http://screencast.com/t/V7Hhe7AHIv

.menu-item-xxx a {
color: #AD2929 !important;
}

Thanks!

Hello,

As an alternative to the method provided above, you can simply use css to force the font weight. The character sets are loaded into the theme but not all of them are accessible from the theme panel. As you can see the only options in the panel->fonts are normal (400) and bold (600). You can target the specific part of the site you want the font weight of 300 with css. You can leave the font to default and simply set it like so:

For example:
body, p{
font-family: Roboto;
font-weight: 300;
}

Then simply add the code to the theme panel->custom css box

I hope this helps.
Thank you!