Search Results for 'css'

Hi,

Please try this custom css in Theme Panel > Custom Css for homepage post block: http://screencast.com/t/5OjyBw3n7cQP

.page .template6-header {
top: 900px;
}
.page .td-full-screen-header-image-wrap, .page.single_template_6 .td-header-wrap {
height: 1000px !important;
}
.page .td-full-screen-header-image-wrap .backstretch{
height: 1000px!important;
}
.page .td-full-screen-header-image-wrap .td-backstretch{
height: 1000px!important;
}
.page #td-full-screen-header-image{
min-height: 1000px;
}

Also for post template 6:

.single .template6-header {
top: 900px;
}
.single .td-full-screen-header-image-wrap, .page.single_template_6 .td-header-wrap {
height: 1000px !important;
}
.single .td-full-screen-header-image-wrap .backstretch{
height: 1000px!important;
}
.single .td-full-screen-header-image-wrap .td-backstretch{
height: 1000px!important;
}
.single #td-full-screen-header-image{
min-height: 1000px;
}
.single_template_6 .td-header-wrap {
height: 1000px;
}

Hope this helps!

Hi,

Unfortunately that happens as the block uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for block’s 11 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/7uaZn7UEvGC ..then regenerate thumbnails like this: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

Please also consider that changing this thumb sizes will also affect mega menu and module 10 which also use this thumbs.
Hope this helps!

Thanks

Hi,

@phabio76
As Chris stated that usually happens because of the custom css added to the page which is loaded after the main style-sheet and in the first instance the page is loaded with the default style then switches to your preferences. You could avoid this by making the css changes to the main style-sheet in the style.css file, then your style will become default.

Thanks

Hi,

1. You have this on mobile screen: http://screencast.com/t/UfJ9Y6qX48
The code from above that you tested is for mobile logo: http://screencast.com/t/8p7ptjkC
I’m not sure what are you trying to do with search icon…if you want to move search icon yo have to use also Marius css code: http://screencast.com/t/LmmlgSGpW

@media (max-width: 767px) {
#td-top-search {
position: absolute!important;
right: 13px!important;
top: 0px!important;
}
.header-search-wrap .dropdown-menu:before {
left: auto!important;
right: 31px!important;
}
.header-search-wrap .dropdown-menu {
right: -14px!important;
left: auto!important;
top: 49px!important;
width: 320px!important;
}
.mobile-logo-wrap img {
width: 170px;
position: absolute;
left: 0;
top: -3px;
margin-left: auto;
margin-right: auto;
}
}

2. This can be done only with css as theme doesn’t have an option for this. You can use @media for landscape – http://stephen.io/mediaqueries/#iPhone and add your css for post images.

Thanks!

Hi,

I see your now using header style 3 so I’ve checked your site on iPad and found that the right logo is used there: http://screencast.com/t/cR7aVtYQDc ..and it also looks fine so please let me know if you have another issue related to this.

For the white line please add !important to the custom css from my previous post or just remove it and paste the one from below:

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


Should solve it on Firefox: http://screencast.com/t/iZqs4tCVOLk and chrome also: http://screencast.com/t/t294eifp

Thanks

Hi,

You can try to replace the default color directly in style.css: http://screencast.com/t/EThGtFET
Also if you need older versions of Speed Booster please send your request at contact@tagdiv.com and also include a link to this topic.

Thanks!

Hi,

I have checked your site, but looks fine. Did you solve the issue?
I see that you use blog style – http://screencast.com/t/lXrAFlN1Ci so if you want to change header style to blog from Theme Panel > Header: http://screencast.com/t/zLILsxIco and also you can change module to display blog articles: http://screencast.com/t/tEwleqcg
Please also use this css if you want to use footer background color white: http://screencast.com/t/0YxuTYdnW

.td-footer-container .td_popular_categories ul a{
color: #222222;
}
.td-footer-container .td_block_wrap .td_block_inner .entry-title.td-module-title a{
color: #222222;
}
.footer-social-wrap i {
color: black;
}
.td-footer-container .td-icon-mail-1:hover{
background-color: red !important;
}

Our documentation may help: https://forum.tagdiv.com/newsmag-documentation/

Thanks!

Hi,

1. Please also makes sure you try this without any plugins active, leave just Visual Composer plugin active and makes sure you empty all caches and urge files if you use cdn host then try again.

2. You can use this css for that: http://screencast.com/t/a1TR3Jdwqo2G

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

3. For retina logo you have to upload a larger logo which will be used on devices that use retina: http://screencast.com/t/vgkN0H5H

Thanks

Hi,

We have this on our todo list and we are working on it unfortunately we still have incompatibility issues regarding VC style.
You can try the solution from in this topic: https://forum.tagdiv.com/topic/buttons/#post-21804 and import the VC css: https://forum.tagdiv.com/topic/buttons/#post-21825
We plan to restyle all VC elements in theme version 5 so this should be fixed then.
Sorry about this and for the inconvenience.

Thanks