Search Results for 'css'

Hi,

Try this custom css in Theme Panel > Custom Css and see if it fix your issue:

.td-a-rec-id-content_inline img {
width: inherit;
}

Thanks!

Hello again,

I’ve checked your site and also you can try this css in theme panel=>custom css like this:
http://screencast.com/t/JqQkxZv6X6h1
http://screencast.com/t/VtQEKPjEGTPO.

.header-logo-wrap {
margin-right: 100px;
width: 250px;
}

You can adjust the logo image size if you increase or decrease the width value as you want.
Also you can adjust the ad banners position if you crease or decrease the margin-right value.

Hope this helps!
Thanks.

Hi,

The speed booster plugin moves the css and js at the end of the page, this removes render blocking and improves the score on pagespeed, please check this guide – https://forum.tagdiv.com/how-to-make-the-site-faster/ But also to have a good score is recommend to use less plugins.
Please note that the speed booster was tested only with these plugins – http://screencast.com/t/hcjLnOqh4i2 and if you use other plugins it will be automatically disabled. A lot of people install the plugin without knowing what it does and after that they add many plugins and some of the them are not written fine, so the developer took this decision. If you want to always enable speed booster, delete this code from speed booster file: http://screencast.com/t/RZLIOPUNdqh
So please check your System Status to make sure that the Speed Booster is active – http://screencast.com/t/Gomyv89n7j0 and then try to follow the steps provided in the documentation to remove render blocking.

Thanks!

Hi,

Please check our documentation to see the header styles available on our theme – https://forum.tagdiv.com/header-styles/
Unfortunately the time doesn’t allow us to provide custom work, so I suggest to hire a freelancer from sites like – http://studio.envato.com/ to customize the main menu if don’t have basic html/css experience.

Thanks!

Hello @navi88

All the modifications to the theme files will be overwritten when you update the theme and you will have to re-add all the customizations except the custom CSS from Theme panel. If not what do you mean, please provide me more details.

Thanks.

Hi,

Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/EHgvWlHN

.mfp-arrow-right:after, .mfp-arrow-left:after {
display: none;
}

Thanks!

Hi,

I see that you use old version, please upgrade to the latest version of the theme using this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ and update also the plugins provided with the theme(Visual Composer, Social Counter..).
If you use an older version that 4, I recommend to do a clean install and recreate your homepage and check all the new theme features, blocks, modules. Please note that the Newspaper6 is practically a new theme, the whole code was rewritten, so old files customization or custom css will not works and you need to adjust it.
The latest version was tested and works with version 6 of the theme, I have also tested your fb id and it works fine – http://screencast.com/t/lJTufe5aC

Thanks!

Hello @whpro,

The logo size depends on the headers style used. Same thing for advertising banners. For a better accommodate with the new ad banners you need some CSS customization.
Please provide your site url and also more details about this so I can inspect it closer and be able to provide a more accurate answer.

Thanks.

Hello,

I understand the problem now. Speedbooster has no settings. It’s either active or disabled. The plugin works in such a way that it moves the css code to the bottom of the page so the main one will be loaded first and then the modification. When CSS colors are changed, this is a side-effect of this procedure. The easiest way to keep speedbooster active and also have the colors apply instant, you have to apply the color you want to set in the style.css file. That way it will be the first option to load, not the second.
http://screencast.com/t/CDVBAqzuz2T
We hope in a future update we will be able to fix this issue.

Thank you!

Hi,

I have checked your site and found that you have some errors in the console – http://screencast.com/t/YUhCdv8cd1
Please check this how Bogdan suggested without any plugins active except of Visual Composer, clear cache and disable any css/js minifications, then see if you still have this issue.
If the issue persist you can send us an email at contact@tagdiv.com and provide wp-admin access so we can take a closer look, also paste a link to this topic so we can know what your issue is.

Thanks!

Hello Ben,

CSS is a very specific code, so this will remove only the padding on this exact page. It is based on the page ID. If you want to apply this code to another page you will have to modify the page id number to match your page’s.
You can see the page id on the body tag with your browser inspector: http://screencast.com/t/Rghq4y8tN2
You have to be this specific otherwise it will apply to all pages of your site and create other problems.
Use this code in the theme panel -> custom CSS box

.page-id-1178 .td-main-page-wrap{
padding-top:0!important;
}
.page-id-1178 .td-main-content-wrap{
padding-bottom:0!important;
}

result: http://screencast.com/t/QCCjP1T4h

Thanks.

Hello Babo,

You could remove the padding from the main container with 4px, but we do not know if it will affect other parts of the website. This modification interferes with the column display and can cause different problems along the way. Every element is in relation to one an other. If you really need this modification you can use this custom css:

.single-post .td-main-content{
padding-left:22px!important;
padding-right:22px!important;
}

But if you want to play it safe and not risk other problems, you can regenerate your thumbs locally (it will take a bit of time) and then upload them to your website. You can use a plugin like force regenerate thumbs.
If you chose the css method, if problems occur in the future because of this, please point out this modification to us.

Thank you!

Hello @sirota!
I understand your problem and below, if you follow the steps you can solve it very easy:
*if you want to change the color of the line please use this custom css: http://screencast.com/t/ulMpBbxyTp8e

.td-header-gradient:before {
background-color: red;
}

*if you want to remove the line, pls use this custom css:
http://screencast.com/t/eTTmYbD4Y

.td-header-gradient:before {
display:none;
}

The custom css you must put in theme panel like this: http://screencast.com/t/oTYcg4BBL

Hope this helps!
Thank you for your message!

Hello,
Please paste this custom CSS in the theme panel-Custom CSS box:

.td-header-style-5 .sf-menu>li>a:after {
background-color: transparent;
content: "";
width: 100%;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
display: block;
}
.td-header-style-5 .sf-menu>.current-menu-item>a:after, .td-header-style-5 .sf-menu>.current-menu-ancestor>a:after, .td-header-style-5 .sf-menu>.current-category-ancestor>a:after, .td-header-style-5 .sf-menu>li:hover>a:after, .td-header-style-5 .sf-menu>.sfHover>a:after {
background-color: red !important;
}
.td-header-style-5 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-5 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-5 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-5 .black-menu .sf-menu > li > a:hover, .td-header-style-5 .black-menu .sf-menu > .sfHover > a {
background-color: transparent !important;
}


I set the border color to red, but you can modify the code to any color you want it to display.
Thanks.