Search Results for 'css'

Hi,
It seems there is a custom class on that particular ro that contains the word “ad”. Everywhere adblock detects the word ‘ad’ in a css class, it will remove it. This being a class on a row, it removes the entire row. Please edit your block element in visual composer and remove this class: ‘import_video_ad_bg’
You can then add the design options added by this class from the visual composer settings.
Thank you!

Hello,

Css can help in this matter. You can assign an extra class to the specific section like so: http://screencast.com/t/lQaF3icRhal
And then simply hide the content using the class you added. In my example I would use this code:
.customtab1{
display:none!important
}
However this will not hiode the tab itself. Only the tab content. If you want to hide the tab as well, then you need to use more advanced css selectors:
It will not require a custom class for this one.
.vc_tta-tabs-list :nth-child(2){
display:none!important
}
This part: ‘nth-child(2)’ represents the number of the tab you want removed.

Thank you!

Hi,
You can use css to achieve this result, but you need to leave the color settings to default (grey) otherwise visual composer will make the tabs lose their style and apply the plugin style to them.
You can use this code:
.vc_tta-tabs-list :nth-child(2) a {
background-color:red!important;
}
.vc_tta-tabs-list :nth-child(3) a {
background-color:green!important;
}
.vc_tta-tabs-list :nth-child(4) a {
background-color:blue!important;
}
This was created for an element that has 4 tabs. if you have more or less, then either add another line of code and change the num,ber 4 with 5 from the child selector or simply remove the last part if you have 3 tabs.
result:
http://screencast.com/t/lh0OGwei9K

Thank you!

Hello eemskrant,

If you want to quit to the zoom effect for big grid style, you can do that from the panel, like this -> http://screencast.com/t/6I96wLWVF or you can use a bit of CSS code to hide this animation.

The code is ->

.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
}

Thank you for the message!

Hello frasercarly89,

I suppose that you want to make your page title being a bit smaller. To do that, you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS box.

The code is ->

.td-page-title {
font-size: 20px;
}

Thank you for the message!

Hi,
1)The general hover color is defined by the theme accent color you set here: http://screencast.com/t/p3sPIjjxOdH0
If you want to only change the hover of the most popular posts, you need css to do it as there is no setting for individual elements (except for blocks as they have block settings)
You can target the block with css and change the hover for it like so:
.td-footer-wrapper .td_block_7 .td_module_wrap:hover a{
color:red!important
}

2)Please check your theme accent color and change it from blue to the color you want if you have not done so already. If you changed colors with css, make sure the code applies to all elements as only the home element changes color when clicked. Change your css code and use the !important attribute to make sure the css applies.
Thank you!

Hello boundary2,

I have tested the code that I gave you in the previous topic and work as properly on your website as you can see here -> http://screencast.com/t/i0zQ7Fm7 Also, I have checked your custom CSS box and I saw that you have a syntax error, like this -> http://screencast.com/t/FpgzHtvC and then the code should work fine.

Hope this helps and let us know how it goes!

Thank you for the message!

Hi.
It seems to be working fine at the moment. There is an issue with the classic sharing options http://screencast.com/t/y3gV69mWAm. If they are disabled, the twitter will not open in a pop-up. The solution to this if you want the classic like/tweet buttons at the moment is to simply hide them with css.
Thank you!

Hello,

1) You can use this css to remove the bottom padding:
.td_block_big_grid_8{
padding-bottom:0!important;
}
But this will cause the block 1 below the big grid to stick to it so you need to assign an extra class to the row containing block 1 and use css with the class you assign like so:
http://screencast.com/t/iSvCwa5Dj6dX
.customrow1{
padding-top:20px!important;
}

2)You can assign a background color to the rest of the page by editin every row in visual composer lie you did the one with the big grid and assign that color to it.

3)Unfortunately I cannot see the ad at the moment. Please add it back in so I can inspect it and provide the proper code.

Thank you!

Hi,
If you change the title colors, then they will lose the dynamic color they will stay the color you set them to.
If you want to have a different color other than the default black, then you need css to assign a different color for certain blocks or post templates. You can use the code I provided above as it will change the titles to white on this template: http://screencast.com/t/vIS7ETGi2
Thank you!

Hello masc,

I suppose that you are referring to the background of the grid thumb. To do that you need a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-grid-style-1 .td-module-thumb a:last-child:before{
background:none;
}

The result you should see here -> http://screencast.com/t/Ye8uF7265P

If is not what you mean, please provide more details in this regard, so I will be able to provide a more accurate code.

Thank yu for the message!

Hello Akhil,

I suppose that you want to make your items menu being hyperlinked when you hover over the menu. To do that, you have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
text-decoration: underline;
color:blue!important;
}

The result you should see here-> http://screencast.com/t/YN2DoJYB30g9

If is not what you want to achieve, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hi,
please clear your cache after you add the code in the custom css box or check if you closed all css tags in there because the code works on my end as expected: http://screencast.com/t/HvfftqTKq
Thank you!

Hello Beldar,

If you want to hide some elements for your mobile mode, you have to use a bit of CSS code to do that. Please notice that exists media query for all devices. In mobile case, you have to use @media (min-width:767px){enter your code} and then you have to place in your custom CSS box. For more information about media query, please consult this link -> http://www.w3schools.com/css/css_rwd_mediaqueries.asp Also, if you check deeper your Theme panel, you will notice that below the custom box you have the advanced CSS field, where you can find the code from what kind of element you want to hide for each device.
You have to try to implement yourself because we cannot provide customization services at the moment, sorry! We also can guide you to the right direction.

Thank you for your understanding!