Search Results for 'css'

Hi,

Please try this custom css: http://screencast.com/t/kUEpEPgf

@media(max-width: 767px){
.td-menu-header {
height: 54px !important ;
}
}

Hope this helps!

Hi,

We know about this and it seems that it could be a render issue. We are still investigating this though and we will fix it as soon as we find a solution.
Until then you could use this custom css and adjust the line height of the block title like this: http://screencast.com/t/jdMqdqQuK

.block-title {
line-height: 30px !important;
}

Sorry for the inconvenience!
Thanks!

Hi,

You need menus, containers, css and other elements to make the page look nice. You also added a lot of custom elements like pop-ups, ads, etc.
Your main page doesn’t come with content, it’s just a gate, maybe that’s why the tool returns a lower score for it.
I’ve made a test on one of your posts and i got this – http://screencast.com/t/mz1Jy7M2v41 , i’ve tried to make another test and i got this – http://screencast.com/t/UkOSFC5c89zA , my advise would be to use another testing tool.
We followed the best SEO practices and we tested the theme on Google webmaster tools.

Thank you, Emil G.

Hi,

Please copy the code exactly how I gave it to you:

@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img {
width: 30px;
}
.category .td-page-title span {
font-size: 20px !important;
font-family: Vollkorn !important;
}
}

You forgot to close an } that’s why it bellow codes are apply on mobile.
Paste the codes in Theme Panel > Custom Css: http://screencast.com/t/ZLX09QoP

Thanks!

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

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/qfv9Bdanp8RT

@media (max-width: 767px){
.header-style-3 .td-logo img {
max-width: 50px;
}
}

Result: http://screencast.com/t/unO3MoxKg

Hope this helps!

Hi,

1&2 Please try to regenerate your thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
After doing this empty cache and check again.
Also note that if you have featured images smaller you need to use a plugin like Thumbnail Upscale: https://wordpress.org/plugins/thumbnail-upscale/ as WordPress cannot enlarge thumbnails, only make them smaller. For upscale use a combination of plugins Thumbnail Upscale + Force Regenerate.

3. This should not happen, because the background should have negative z-index. Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/4Tyxyq5OJ

.td-big-slide-background .backstretch{
z-index: -999998!important;
}

Please provide your site url if this not helps.

Thanks!

Hi,

It’s the theme version, wordpress adds it.
Please provide a copy of your child theme style.css, you could use pastebin – http://pastebin.com/ and the url so i can take a look.

Thank you, Emil G.

Hi,

Paste css code in Theme Panel > Custom Css: http://screencast.com/t/lhWXIiil

Thanks!

Hi,

The megamenu was not designed to display videos, but if you need it you can try this custom css: http://screencast.com/t/FmYf16pN

.sub-menu .wpb_wrapper iframe{
height: auto!important;
}

Thanks!

Hi,

Title from text block can be changed only with custom css: http://screencast.com/t/a91ZsAF0c

.wpb_text_column h1{
font-family: Ubuntu;
font-size: 20px;
}
.wpb_text_column h3{
font-family: Ubuntu;
font-size: 20px;
}
.wpb_text_column p{
font-family: Ubuntu;
font-size: 15px;
font-style: oblique;
}

Also you can add an extra class and customize only that text block: http://screencast.com/t/CyFOCUiLWA
Result: http://screencast.com/t/tErLYTranm

Hope this helps!

Hi,

We know about this issue and we will try to fix it.
The slider is designed by javascript and it is difficult to find a css solution for this. You can try this custom css that remove the border, but you will see a part of next image on slider: http://screencast.com/t/g53nxrPPRgX

.td-pb-row [class*="td-pb-span"]{
border-left:0px !important;
}
.td_module_wrap.td_module_slide.td-image-gradient{
width: 1021px!important;
}
.td-theme-slider.iosSlider-col-3.td_mod_wrap{
width:1021px!important;
}
.td_block_slide{
z-index: 1;
}

Hope this helps!

Hi,

The theme doesn’t require code modifications, all solutions provided by me are either server optimizations (gzip compression, browser leverage), image optimization (when you deliver uncompressed/uncropped images and your page has 4-6Mb multiplied with a large number of visitors it will certainly lead to a blockage), cache. The Speed Booster is not that important, it will just move js and css at the page end giving the illusion that the page loads faster because the js/css executes after the other content elements are loaded. All those optimizations should be done regardless of the theme used and unfortunately we couldn’t include them in the theme as an automatic feature. I’ve made a guide here – https://forum.tagdiv.com/how-to-make-the-site-faster/ – the setting presented on the guide were taken from our demo server – also it requires to regenerate the thumbs – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

There are also discussions on the forum on this subject – https://forum.tagdiv.com/topic/pagespeed/ – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

Sorry for all the trouble you encountered with our theme, we can offer a full refund, just send us an email at contact@tagdiv.com and we’ll discuss the details.

PS – We’re testing the latest version of VC, on our tests it behave properly, we’re trying to identify why it uses so many resources on some of our clients servers. We advise anyone who has trouble with the latest version to switch to the previous one (4.3.5) which should work fine.

Thank you, Emil G.

• This reply was modified 11 years by Emil G.
• This reply was modified 11 years by Emil G.

Hi,

Glad that worked! You can add css code in Theme Panel > Custom css so it will be saved on theme updates: http://screencast.com/t/BWZRyxhq0E

Thanks!