Hello n26rail,
Please provide your website so I can inspect it closer and also, so I will be able to provide a more accurate response. If you are using the Adsense code, please notice that you can change the size of your Ad from Theme panel, like this -> http://screencast.com/t/4tGHRxAu
For your second request, if you want to reduce the padding for your ad, you should use a bit of CSS code to fix it and that’s why your website is required so I can inspect it closer.
Thanks for the message!
Hello anwar alrabee,
Our theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Please try to do a simple search of our forum and you will see that our team offers support only for theme related problems and which not require additional customizations. Please check again our support policy here -> https://forum.tagdiv.com/support-policy-2/
Thanks for your understanding!
Hello Vincentb75,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
For your second request, regarding on retina quality, please keep in mind that our theme has implemented the retina ready for all images. For more information about this, please consult the documentation here -> https://forum.tagdiv.com/retina-images/
Thanks for your understanding!
Hello Sasser,
Please notice that our blockquote has an own design which has been created by our theme. If you want to change it, you should use a bit of CSS and change these values to bring as you wish, like this ->
The code is ->
.td-post-content blockquote p{
font-size: 15px;
line-height: 20px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: capitalize;
color: red;
}
The result is here -> http://screencast.com/t/K0V6UH0S5tbS
Thanks for the message!
Hello,
Please make sure you do not have any errors in your custom css box. Make sure the above css is closed properly and make sure you clear cache and reset cdn files after you add the code. If the codes till does not work, provide a link to your site and provide an example of what menu item you are referring to so I can test the code on your site directly. You can try it to using chrome’s ‘live css editor’ extension.
Thank you!
Hello Diego Acero,
If you want to add some margins to your Taboola Ads, please notice that you should use a bit of CSS to do it. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.trc_related_container {
margin: 20px!important;
}
The result you should see here -> http://screencast.com/t/PhjdzooLq7w
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hello,
We have the normal sub-menus option and the mega-menu feature, but there are no further options to style the menus. If you want extra styling to the sub-emnus you can always use css to do it but it has it’s limitations though. This depends on how you want the menu.
For example you can add this css code in the theme panel to add a border around the sub-menu items:
.sf-menu ul li{
border:1px solid lightgrey;
}
If you want them rounder, you can add a border-radius to the code like so:
.sf-menu ul li{
border:1px solid lightgrey;
border-radius:10px;
}
You can add the code in the theme panel->custom css code.
I hope this helps.
Thank you!
Hello,
Try this css to fix the margins issue:
.td-post-content .alignnone{
margin:0!important;
}
Le tus know if you still have trouble with images
Thanks.
Hello philjimkaterini,
1)I have inspected your website and I did not saw any differences between your Big Grid 3 and our demo with Big Grid 3, as you can see here -> http://screencast.com/t/77aPwEWn Unfortunately, if you want to make your main container being wider, also you will have to change the width of the theme and please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
2)If you want to remove the menu, please notice that you should use a bit of CSS code to hide it. You can try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
#td-header-menu{
display:none;
}
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Dear All,
If I add the above code in the custom CSS section of the theme panel, how will that code be applied on all the pages, if there is a particular page id? I want it to be applied on all the pages, so what should I put in the page id?
Gaurav
Well, if you check your page source, for a page like this — you have cocked up something as you have multiple <head></head> sections.
use “view source’ in your web browser for
http://www.ghpage.com/shatta-wale-cheats-michy-describes-magical-happened/
<head>
<head>
<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
</head>
...
<meta name="msapplication-TileImage" content="http://www.ghpage.com/wp-content/uploads/cropped-pic_0000431-300x300.jpeg"/>
<noscript><style type="text/css">.wpb_animate_when_almost_visible{opacity:1;}</style></noscript></head>
Hi there:
I’ve searched the forums but can’t seem to change the gradient where I was it in CSS.
I’m trying to alter the gradient on the front page, Block 18:
http://ea1.a87.myftpupload.com/
For example, using this:
.td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(238, 62, 62, 0.9) 0%,rgba(238, 62, 62, 0.9) 100%) !important;
}
I alter the gradient in the thumb of block 14, but block 18 remains unaffected.
I think Block 18 is style mx8?, but this still doesn’t work:
.td_module_mx8 .td-module-thumb a:last-child:before {
background: linear-gradient(to bottom,rgba(238, 62, 62, 0.9) 0%,rgba(238, 62, 62, 0.9) 100%) !important;
}
Any help appreciated!
Hi
I have found the perfect beige theme accent color for the tabs on my front page. http://www.ladiesabroad.se/
But, from what I understand, the link color in the blog posts is also set by the theme accent color. The light beige colour is almost unreadable for text on white background. http://www.ladiesabroad.se/2016/10/are-utanfor-skidsasongen.html
Is it possible to set the link color to my dropcap color #b87333? Keeping the tabs in the theme accent colour. CSS change is OK.
Thanks.
Hi,
i have few questions regarding alignment.
1. I have picked footer style 9 and placed 1 widget in each – for footer 1 image, for footer 2 text and for footer 3 again image. They are all aligned left, so left alignment for footer 1 is ok as its then aligned with rest of the theme above, but to be symmetric, footer 3 should be aligned right, while middle footer 2 should be aligned center, OR all to be aligned center, to get at least symmetric between them, while they would be on exact distance from botch side comparing to margin of the theme.
How to do this? Since i m not programmer and i don’t know css, I have tried with custom CSS option and some of your answers to some other issues, but i failed to do it right.
On other side, i have finished similar thing in main page area (3 elements, alignment etc), but there it is easy with that Visual Composer.
2. I need to make header like this:
logo on the left, and in same row, just on right side, to have custom menu or top header menu whatever it can be used. Under all of it standard Header Main menu. Is this possible, and how?
Thanks in advance on time for checking this.
Bojan
p.s. Just CSS please; I need more advanced styling options than the provided panel. Thanks!
(Specifically want to adjust font family, weight, margins, etc. of the slide-out menu created by the plugin.)
Looks like the CSS is being blocked by your robots.txt file or similar; See the specific “why” info on the page you’re linking to from Google. 🙂
Like it says right on that page “may not appear mobile friendly if blocking some of the page resources…”
Hi Amit.
Can you please guide what custom Css can be written to make the complete site homepage , post and page background black? (i have checked in theme colors and there is no option for this.)
Thanks
Dar all,
He tells me that is not present the CSS file:
“Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.”
Thank you
Edy
Hi . i just bought the theme (again) and i installed the”black version” demo. but its not applying the colors , although the data is there. please guide what to do
PS: child theme is applied (but no css added or no modification made)
Hi bogdan, I use your 2 pieces of code provided but the bottom line doesn’t change color, only the menu item…what I wrong?
this is my custom css (where 999 is my menu item id):
.menu-item-999 a{
color: #ef3472!important;
}
.menu-main-menu-container .sf-menu .menu-item-999 a:after{
background-color: #ef3472!important
}
Hello WPMedia,
All of this code you should add in your Custom CSS area from Theme panel, like this -> http://screencast.com/t/EXOrvItt31
Thanks for your understanding!
Hello Bogdan,
I have cleared cache, disabled all plugins except VC and removed all custom css. However, the issue persists. (I have also checked in different browsers.)
Please take a look at this page in the section “Options you have to enable on CloudFlare’s dashboard”: http://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/ . There are two screenshots – and they both stick out to the right in exactly the same way my images do. There are more examples of this on the same site.
In your release notes for 7.4 you mention a fix for unaligned images. Could it be this fix that is causing this behaviour?
Thanks for your help.
BR, Walther
Hi Catalin,
I think I managed it already. It worked by doing the following:
In custum code > Custom CSS:
.td-magazine .block-title > span, .td-magazine .block-title > a, .td-magazine .block-title > label, .td-magazine .widgettitle {
padding-left: 0 !important;
background-color: transparent !important;
padding-bottom: 8px !important;
}
In custum code > CUSTOM BODY CLASS(S):
td-magazine
Is this the right way, or do you think there is a better option?
website is:
http://www.drenthemagazine.nl/
Cheers!
Hello,
The site you mention has a custom css preventing the block from getting to much height. The code the site owner uses is this one:
.td_module_mx8 .td-module-thumb {
max-height: 400px;
}
Thank you!
Thanks for your help!
But I’m not sure where I have to put this code:
[vc_row full_width="stretch_row" el_class="td-homepage-full-row" css=".vc_custom_1477652713189{background-color: #7a7a7a !important;}"][vc_column][td_block_14 sort=”random_posts” limit=”3″][/vc_column][/vc_row]
What is the back end editor in visual composer ??