Search Results for 'css'

Hi,

Please try this custom css in Theme Panel > Custom Css to hide author on homepage:

.home .td-module-meta-info .td-post-author-name {
display: none !important;
}

Thanks!

Hi,

Module 14 was used to create block 13, but it is also used on block 20. A solution is to set excerpt length to 1 in Theme Panel >Excerpt section – http://screencast.com/t/6EcGizLx – http://screencast.com/t/W32hBdcq but this will be applied also on block 20.
You can hide excerpt only for block 13 via custom css in Theme Panel > Custom Css – http://screencast.com/t/jl03pSLICX

.td_block_13 .td-excerpt {
display: none;
}

Thanks!

Hi,

The theme doesn’t have this option for slider and you need custom modifications to achieve this, unfortunately we cannot provide any type of custom work at this time as we work hard on development, fixes and support, sorry!
I suggest to hire a freelancer to do this for you if you don’t know how to do it, here you can find the slider navigation code – http://screencast.com/t/YRApxCdn and you will need also to use custom css.

Thanks!

Hi,

Please provide more details as I’m not sure what you mean. If you add a background for your header you can customize it using css code like you wish as the theme doesn’t have an option so for the correct size you will have to test it.

Thanks!

Hi,

Thanks for suggestion, we will improve our documentation. You can add these sizes for button – http://screencast.com/t/d3fGbqIJI – mini, small, large, normal

You can customize all your large buttons using custom css in Theme Panel > Custom Css, for example – http://screencast.com/t/Aqoh0hJG

a.vc_btn-lg {
width: 100%;
text-align: center;
}

Or if you want to customize only one button you can use color as an extra class – http://screencast.com/t/oWmoht1uPLw and add custom css – http://screencast.com/t/BH8vYWkcV

Thanks!

Hi,

You can try to make this change directly in style.css file and see if still the default color is being applied. This issue appears because of the cascading property of css and change it directly in the stylesheet file you should not have this delay. Try to change the color here – http://screencast.com/t/XhfSg0Ij6

Also we will try to add some options for mobile menu in a future update as it is on our list.

Thanks for the message and for suggestions!

Hi Bryson T

The issue is not the CSS of the block,please remove the modification you have done to fix it. The issue is about the order of the theme style.css vs js_composer.css and VC that overwrite the grid padding. http://screencast.com/t/RQvAuITOEaN

Please update the Child theme from the latest theme version.

Hi,

@lospicos Unfortunately this is how Big Grids were designed and you will need custom work to change how they are displayed on mobile. You can try this custom css for Big Grid 2, but if you need more customizations I suggest to get a professional to do this for you as we cannot provide custom work for the moment, sorry! This css code is a good start to look like you want – http://screencast.com/t/itZMkH9TDKM

@media (max-width: 767px) {
.td_block_big_grid_2 .td-big-grid-wrapper .td-big-grid-scroll {
white-space: normal !important;
}
.td_block_big_grid_2 .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post-1 {
width: 100% !important;
}
.td_block_big_grid_2 .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post-2, .td-big-grid-scroll .td-big-grid-post-3 {
width: 49% !important;
margin-left: 0 !important;
}
.td_block_big_grid_2 .td-small-thumb .entry-thumb {
width: 120% !important;
}
.td_block_big_grid_2 .td-big-grid-post-1 {
margin-bottom: 3px !important;
}
.td_block_big_grid_2 .td-big-grid-post-2 {
margin-right: 3px !important;
}
.td_block_big_grid_2 .td-big-grid-post.td-small-thumb .td-big-grid-meta .entry-title {
font-size: 14px;
}
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

Please make sure that you don’t use background color to you site, as he site will automatically switch to boxed version, if this what you mean.
Also I see that you use ubermenu and it is centered, you can use this custom css if you don’t want the menu centered – http://screencast.com/t/h4jWMsrT

.ubermenu-bar-inner-center .ubermenu-nav {
margin: 0;
}

Thanks!

Hi,

Sorry for delay, we answer to the most oldest topics and because you’ve added a new replies we missed your post! Also the support hours – 8:00 AM – 17:00 PM
Theme ad system was not designed to display 2 banners in a ad spot, you need customizations to display them fine. You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/WlffHIrB

.td-header-sp-recs img {
position: relative;
float: left;
margin-right: 10px;
}
@media(min-width: 768px) and (max-width: 1018px) {
.td-header-sp-recs a:first-child img {
width: 30%;
}
.td-header-sp-recs a:last-child img {
width: 65%;
}
}

You may need additional customizations, I suggest to get someone to help you if you don’t know how to do it as we cannot offer custom work at this time.

Thanks!

Hi,

The theme doesn’t have an option for this, you will need custom modifications to achieve this. A solution is to add you text to category description – http://screencast.com/t/L4OebpPUF and echo description bellow the loop – http://screencast.com/t/G3bZuXGIAUmg here is the code – http://pastebin.com/HbaHCVqL

Result: http://screencast.com/t/2bNtHKg9mtMq

You will need to use custom css to hide the category description from top – http://screencast.com/t/3Wf9vX18b

.td-category-description {
display: none;
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].

Hi,

If possible please also provide a link to your site so we can inspect this issue. It might happen due to the lazy load feature of the theme: http://screencast.com/t/alo1ZDSk so you can disable it and test again.

Not sure how your posts images are added into posts but the theme already styles the images to be responsive so I’m not sure if you really need the “hammy” plugin anymore only if the images html structure changes and the post images css isn’t applied anymore.

Please provide more details or provide your site’s ulr. If you don’t want to post it here you can use our email address contact@tagdiv.com and include a link to this tread.

Thanks

Hi,

Please check documentation(Requirements for Newspaper) – https://forum.tagdiv.com/requirements-for-newspaper/ and this guide – https://forum.tagdiv.com/pagespeed-guide/ We recommend now Wp-Super Cache instead of W3 Total Cache, it seems to be faster and we will change this also in the documentation.
Also try to use only plugins that you need. The speed booster move the js and css at the bottom of the page to eliminate render-blocking, but not for all plugins.

Thanks!

Hi,

This is default gradient color on style 1 for all grids – http://screencast.com/t/C1AiZOqt6Kx Try this css in Theme Panel > Custom Css it should not be so darkness now, you can change the rgba color how you wish:

.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

Thanks!

Hi,

There is an option to change the color for subfooter text in Theme Panel > Theme Colors – http://screencast.com/t/EFsG99O8 also the hover color is the same with you theme accent color.
If you want to change it only for subfooter menu elements please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/Ybn7geN9

.td-sub-footer-container, .td-subfooter-menu li a {
color: #DDCE33;
}
.td-subfooter-menu li a:hover {
color: #334FDD;
}

Thanks!

Hi,

You can customize Big Grid 8 using custom css. I guess that you are referring to style 2 or 3(or any style) you need to inspect using browser’s inspector tool and target the classes where the background gradient is applied and change it for example – http://screencast.com/t/DqJZ8rz0
If you don’t have basic css experience I suggest to get someone to help you as we cannot provide custom work at this time, sorry!

Thanks!