Search Results for 'css'

Hello,

@JBH, we removed the quotes shortcodes, we use HTML with classes now. The quotes are not updated by the script, sorry. We tried to add them but on some cases, there was a chance for errors to appear an we decided not to include them in the script. From now till then, the quotes you can set it from your editor, like this -> http://screencast.com/t/Y8Uuz5xP

Try to add the following code at the end of the functions.php file – http://screencast.com/t/OWxqEsYVK – http://pastebin.com/NZEJsWQZ

@midronepro, if you want to achieve that gradient border, please try the code below and add it in Theme panel->Custom CSS area.

.td-header-gradient:before {
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg==');
}

The result -> http://screencast.com/t/5ouxZHIMpQ

Thank you for the message!

Hello,
If you want to reduce the margins of the blocks you can use this css:
.td_block_wrap{
margin-bottom:0!important;
padding-bottom:0!important;
}
Thank you!

Hello @Albert, before you change the root parameters for your fonts, you have to remove your custom modification from your Custom CSS area to avoid the code duplication.

@gstern, our Speed Booster plugin has been designed to work properly with some tested plugins, as you can see in this screenshot -> http://screencast.com/t/ojSRErqBEI8 Please note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow moving their CSS/js resources at page bottom. To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/

Hope this helps!

Thank you for the message!

Hello,

You can use this custom css to remove the grey gradient:
.td-big-grid-post .td-module-thumb{
background-color:white!important;
}
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before{
display:none!important;
}

Thank you!

Hello mahmoudfathymohamed,

If you want to disable the sidebar for the tablet device, please try the code below and add it in Theme panel->Custom CSS area.

@media (max-width: 1140px) and (min-width: 768px){
.td-main-content {
width: 100%;
}
}
@media (max-width: 1140px) and (min-width: 768px){
.td-ss-main-sidebar {
display:none;
}
}

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,

Header style 8 has the top menu included inside the container so removing the top menu will probably cause a few issues. I will add this to our fix list and hopefully in a future version we will be able to provide a fix for it.
you can make the logo a bit bigger using css:
.td-header-style-7 .td-affix .td-header-sp-logo img{
max-height: 65px!important;
}
.td-header-style-7 .td-affix .td-header-sp-logo{
height: 65px!important;
}
@media (min-width: 768px){
.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 65px !important;
}
}
.header-search-wrap .td-icon-search{
line-height: 35px!important;
}

Thank you!

Hello BigN0701,

I suppose that you have used the 2 column layout from the Visual Composer and you have added the Big Grid 4 like this -> http://screencast.com/t/asvmGUZgfyWl Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-pb-row [class*="td-pb-span"] {
padding-right: 2px;
padding-left: 2px;
}

If you want to target a certain page where to applied this code, you have to add before the code that I provided you above. For example, if your big grid is on the home page, you can target this page with .home before the code like this ->

.home .td-pb-row [class*="td-pb-span"] {
padding-right: 2px;
padding-left: 2px;
}

The result -> http://screencast.com/t/FDsTHauu1ng

If you want to target the other page, you have to use the page id -> http://screencast.com/t/lgssXeIBFNSf

Thank you for the message!

Hello,
The meta information was hidden for mobile devices but you can force it to display with a bit of custom css:
@media (max-width:767px){
.td_block_big_grid_5 .td-module-meta-info{
display:block!important
}
}
Thank you!

Hi,
you can try to disable all plugins except visual composer to see if there is one that interferes with the css. You can alternatively target dropcaps with css to change their color:

.dropcap{
background-color:red!important;
}

Thank you!

Hello,

Unfortunately the theme only allows the 2 font weights to be used, but you can override this with custom css.
you can use the font-weight property for the element you want modified like for example (for excerpts):
.td-excerpt{
font-weight:900;
}

Thank you!

Hello carmene,

If you want to reduce that vertical space, you have to decrease the width of the td-outer-wrap container. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-boxed-layout #td-outer-wrap {
width: 1116px;
}

The result -> http://screencast.com/t/0T2gpO9V

Thank you for the message!

Hello joyceloh,

If you want to reduce the font size for your Recent Articles section of your sidebar, please try the code below and add it in Theme panel->Custom CSS area.

.td-ss-main-sidebar .td_module_16 .td-module-title {
font-size: 13px!important;
}

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

Hope this helps and let us know how it goes!

Thank you for the message!

Hello joyceloh,

Please try the code below and add it int Theme panel->Custom CSS area and then you can change the name LATEST->your desired name from Theme panel->Translations->Translations like this -> http://screencast.com/t/OVZ5mmgnOy4

.td-pulldown-filter-item:nth-child(2n){
display:none;
}
.td-pulldown-filter-item:nth-child(1){
display:none;
}
.td-pulldown-filter-item:nth-child(5){
display:none;
}

Thank you for the message!

Hello,
Unfortunately placing an image block is harder than css as the category pages do not have visual composer editing options. You cannot add elements from the theme panel in the category pages. It can only be done by editing the theme files and using PHP functions that are more difficult to implement than css.
Thank you!