I have to rollback my comment.
Adding this CSS rules
#td-outer-wrap {
pointer-events: none;
}
.td-container{
pointer-events: auto;
}
The skin is clickable, the .td-container classified objects are clickable, but other are passed through
For instance the site logo and the top menus are not clickable and the effect to click them is to click the SKIN
Do you have other suggestions?
I suppose you meant “you CAN use this css…” . And it worked!
Thanks
Regards
Where can i check if i have a Syntax error?
This is our CSS code:
.sf-menu > li > a {
padding: 0 30px 0 22px;
}
.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: #4d4d4d;
}
.woocommerce .product .onsale {
background: #ff5555;
border-radius: 4px;
/* box-shadow: none; */
/* text-shadow: none; */
margin: 4px;
padding: 2px 7px 2px 7px;
line-height: 32px;
font-size: 12px;
}
.single-product .product .summary .cart .button {
border: 1px solid #008c00;
box-shadow: inset 0 -2px 0 0 #090;
color: #fff;
background: #00b900;
font-size: 15px;
padding: 15px 140px 15px 140px;
text-shadow: none;
border-radius: 2.5px;
}
.heading-section {
display: block;
text-align: center;
position: relative;
margin-bottom: 20px;
margin-top: 15px;
}
.heading-section {
position: relative;
background: #25366d;
z-index: 2;
color: white;
text-transform: uppercase;
border-style: solid;
border-left-width: 25px;
border-right-width: 25px;
border-color: white;
font-size: 24px;
padding: 10px 30px;
}
.woocommerce .product a.button, .woocommerce .product #respond input#submit, .woocommerce .checkout input#place_order, .woocommerce .woocommerce.widget .button {
border: 1px solid #008c00;
box-shadow: inset 0 -2px 0 0 #090;
color: #fff;
background: #00b900;
font-size: 14px;
padding: 13px 29px 13px 29px;
text-shadow: none;
border-radius: 2px;
}
.td_mega_menu_sub_cats .cur-sub-cat {
color: #25366d;
}
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a {
background-color: #25366d;.td-pb-row [class*="td-pb-span"] {
display: block;
min-height: 1px;
float: left;
padding-right: 24px;
padding-left: 48px;
position: relative;
}.td-pb-row {
padding-left: 48px;
}
.heading-section {
background: #25366d;
z-index: 2;
color: white;
text-transform: uppercase;
border-style: solid;
border-left-width: 385px;
border-right-width: 385px;
border-color: #fff;
font-size: 24px;
padding: 15px 87px;
align-content: center;
}
.td-related-title .td-cur-simple-item {
background-color: #25366d;
}
.woocommerce .product .woocommerce-tabs .tabs .active {
background-color: #25366d
}
.woocommerce .product .button:hover {
background-color: #06ad06;
}
.single-product .product .summary .cart .button:hover {
background-color: #06ad06;
}
.td-a-rec-id-sidebar div{
display: table;
margin-left: auto!important;
margin-right: auto!important;
}
Okay – it would be great if you could provide a fix prior to a whole release. Surely it’s just a minor CSS correction as the bug doesn’t appear in the mobile version.
Either way, I’ll be on the lookout.
Thanks.
Hi there,
We added the Woocommerce option to the blog and trying to edit the hover color.
As you can see the normal button is green: http://www.skien.nl/webshop/alpina-grap-skihelm-54-57-groen-matt/ But the hover color is purple.
We tried to solve it with the following CSS, but without a good outcome, the button is still purple when hovering.
.woocommerce .product .button:hover {
background-color: #06ad06;
}
.single-product .product .summary .cart .button:hover {
background-color: #06ad06;
}
Hi
Yes it may affect the lower containers: but you can’t use this css to prevent that:
.td-container{
pointer-events: auto;
}
Thanks!
Hi
Try this css in theme panel > custom code > custom css:
.td_normal_slide .td-image-gradient:before {
height: 40%!important;
}
Thanks!
Hello Rovara,
Please check your Custom Box Area and also, please ensure that you have no syntax error. This could be one reason
why is not it working. Also, you can provide here a screen to your custom CSS box.
Thanks.
Great, the fix for the mobile version works. However, I can notice now that the custom css for removing the white spaces, work only on the desktop pc, while on the mobile I still have the white space especially the area of the author, date, comments. Do I need a different custom css for the mobile version?
Hi Catalin,
Tried the exact same code in our custom CSS field, but without result, also after clearing cache.
I would like to give you access to check why this is still occurring.
Could you please help?
By the way, I’ve found that if I set this CSS property of id=”td-outer-wrap” style=”pointer-events: none;”
it seems to work… do you see any possible side effect?
Hello Catalin,
thanks for quick response.
I’ve tried changing text color using css, actually I use inspector in chrome to find proper css selector that could be used for changing the mentioned fb post and fb comments text color. So far I haven’t been so successful.
Here’s link of post on my page: http://www.novitravnik.ba/dirljiva-poruka-iz-novog-travnika-lokalne-kabadahije-skloniti-ceste/
I’m kindly asking if you could provide some specific suggestion on this.
Thank you.
Mladen
Hello mabaz,
You can use a bit of CSS code to change this color for your comments. As a hint, you will have to use your Inspecter and try to target the class for these and change the color. For more information about how you can use your inspector, please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also, if you need more assistance in this regard, please provide your website so I can provide a more accurate response.
Thank for your understanding!
Hello enestedt,
Unfortunately, our theme do not load 100 value for font weight, as you can see here -> http://screencast.com/t/zNsl5NCc If you want to have some fonts with this feature, you will have to add a new custom font and then, using a bit of CSS you can target this value for font weight. For more information about how you can add a new font type, please try to consult this topic here -> https://forum.tagdiv.com/topic/how-to-add-more-font/ because there you will found all the steps which you will have needed to take for achieving as you wish.
Thanks for the message!
Hi Andrei,
can you just check why the skin is no longer clickable?
You can check the 2 versions here, as written:
After theme upgrade (production, skin not clickable): http://www.calcioefinanza.it
Before theme upgrade (test site, skin clickable): http://test.calcioefinanza.it
Probably it’s just matter to fix the size of a div that is on top of the skin div, preventing it to be clicked.
In this case would be a css issue, easy to fix…
Well the politics demo is not presented in that tutorial you mention. It presents a way to create a homepage using visual composer, not a way to replicate the politics demo.
If you like the politics demo look, simply install the politics demo and you will have the style and content if you choose to: https://forum.tagdiv.com/installing-demos/
As an alternative, you can simply replicate it in visual composer and revolution slider.
The elements used on all our demos can be created through the page builder. There are slight variatiuons with the css but not structural changes.
Thank you!
after enabling JS & CSS Script Optimizer Options mega menu not working, now disabled and started working fine, how can i make working mega menu after enabling the plug in,
Hi
Is it possible to set the font-wight on menu items to light (100) in the theme panel or do I have to do this in the CSS?
Hello yvrmark,
What type of caching plugin do you use? Our recommended caching plugins is WP Super Cache. Notice that our theme has been designed to be responsive and also works as properly for any type of devices like as -> tablets, mobile, etc. Please try to clear all your caches and if you are using some untested plugins, please disable all of them and install only the plugins that come bundled with the theme and rule out any conflicting plugins.
Hope this helps and let us know how it goes!
Also, if your problem is still there, please provide your website URL so I can inspect it closer. You can target the tablet viewport using the @media queries. For more information about this, you can consult here -> http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Thanks for the message!
Hello hadharm,
Unfortunately, this is the default width of the theme if you are using the sidebar. Please notice that 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.
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!
Hello navuho,
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.
For your second request, yes from there you can change the thumbs size but please notice that is not a simple task and if you are not aware of the further steps in this regard, you can break the layout of theme.
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!
Hi
Do you you want to remove the main menu from header style 6. If so you can try this css in theme panel > custom code > custom css:
.td-header-style-6{
display: none;
}
Let me know ho it goes and if this is not what you mean please provide your site url and more details about the desired result so I can get back to you with a more accurate answer.
Thanks!
Hi
You can try to use a media query in the css like this:
@media(min-width: 1021pc){
.td-header-style-8 .td-header-sp-logo {
margin-bottom: 0;
margin-top: 0;
width: 100%;
}
}
If the problem persist please provide your site url so I can have a closer look and get back to you with a more accurate answer.
Thanks!
Hi
You can use one of theme’s blocks and add an extra class on it then use hide it on desktop using css: http://screencast.com/t/BD6Bptsy
@media(min-width: 768px){
.mobile-block{
display: none;
}
}
Thanks!
Hello,
That is actually your block title color. The background is set to black and the text color is set to black. You can set the text color to white f you want or the bakcgorund color to white and text black .Simply change these 2 colors: http://screencast.com/t/lEQsek19VZ
Or as an alternative, use css:
.block-title span{
color:white!important;
}
http://screencast.com/t/SmwV3mJcp
Thank you!
