Search Results for 'css'

Hi,

I have checked your site and found that you have fixed the issue you have when using post template 1, looks good now: http://screencast.com/t/msTqOAUh9hHG
For the IE issues please use this custom css:

.ie11 .sf-menu > .td-menu-item > a, .ie11 .sf-menu > .td-menu-item > a:hover, .ie11 .sf-menu > .td-menu-item > a:focus {
color: #ffffff;
}

.ie11 .td-header-menu-wrap .span9 .top-header-menu li a, .ie11 .td-header-menu-wrap .span9 .menu-post-and-page-settings-container .menu li a {
color: #353535 !important;
}

Please let me know if this helps!

Thanks

Hi,

I believe you refer to block 10 spacing between heading, you can use this css to reduce that: http://screencast.com/t/KkA8ndC3
For the comments template you need to edit the single.php file and “cut” this line: comments_template('', true); …form each case and add it in loop-single.php file before the related posts section like this: http://screencast.com/t/SyKDPkfHfV
Result: http://screencast.com/t/5lQWaad4
Note that if you want to have this on other post templates than default you have to make this changes to other templates also.

Thanks

Hi,

Can you please send a link to your site? Also a screenshot would be helpful.
You can fix this by styling it specifically for Firefox using this css to target the Firefox browser:
ex:

@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}

Thanks

Hi,

Please use this css: http://screencast.com/t/lp3mKHyn2D

.header-logo-wrap img {
margin-bottom: 10px;
} 

Thanks

Hi,

I have checked your site and seems like this happens on all mobile devices and this is because you use the header style 3 with the classic blog stack. Please use this custom css to fix this: http://screencast.com/t/WKT0vHkRs1r or change the header style to use the full width text logo.

@media (max-width: 767px){
.blog-stack .td-menu-wrap #td-top-menu {
display: none;
}
#td-top-search{
right: -20px!important;
top: 3px !important;
}
.td-menu-header .span11 {
width: 85%;
display: inline-block;
}
}

Thanks

Hi,

You can change the icons via custom css:
* http://screencast.com/t/Pp0DNPzW
* http://screencast.com/t/GhBxVKgQ9Ubh
Use this custom css and customize it like you want:

.td-next-prev-wrap .td-ajax-next-page {
background-image: url('http://png-4.findicons.com/files/icons/1951/iconza/32/right_arrow.png') !important;
background-repeat: no-repeat;
display: block;
width: 50px !important;
height: 50px !important;
background-position: initial !important;
top: 1px;
right: -20px;
}

You will have to do the same for the prev arrow:

.td-next-prev-wrap .td_ajax-prev-page {
...
}

This is for the load more arrow: http://screencast.com/t/cGemRigSvr9

.td-load-more-img-wrap .td-load-more-img {
background-image: url('https://devimages.apple.com.edgekey.net/wwdc/images/wwdc14-more-icon-emergency.svg');
width: 55px;
height: 55px;
background-position: initial !important;
}

Regarding the “Read more” button I believe you refer to this “Continue” button: http://screencast.com/t/zbtl3PliJDeh
You can change this using this custom css: http://screencast.com/t/hxKOGorW

.td_mod9 .td_read_more,.td_mod8 .td_read_more {
background-image: url('http://images2.layoutsparks.com/1/48032/satisfaction-pink-glitter-tiles.jpg')!important;
}

Thanks

Hi,

Yes, use this css: http://screencast.com/t/ewFQG2NZCizf

.td-mega-grid .td_block_mega_menu .td-next-prev-wrap {
display: none;
}

Thanks

Hi,

Please use this custom css: http://screencast.com/t/a5wqpv3S

.td-boxed-layout  .td-header-style-8.td-affix  .td-menu-wrap {
height: 76px;
line-height: 20px;
}

.td-header-style-8.td-affix 
.td-li-wrapper-menu {
position: relative;
top: 8px;
}

.td-header-style-8.td-affix .td-li-wrapper-menu .sf-menu > li > a {
height: 50px;
line-height: 60px;
padding-bottom: 15px;
}

.td-affix .sf-menu > li > a {
z-index: 0;
}

Thanks

Hi,

You must create one and add <?php $text_direction = "rtl"; ?> like this: http://screencast.com/t/jmCmvMj1d
Other solution much easier would be to edit the rtl.css file and copy the css from there into the style.css file: http://screencast.com/t/0vmoXvGxyKM
Both files are situated in the root of the theme.

Thanks

Glad it works!
Thanks for the message!

Hi,

Thanks Christopher!

@indiainsights2013
The name of the author is white because use the color set for the theme accent color which is white in your case, you can change it from theme panel > theme colors: http://screencast.com/t/M6tkIzr1DL or you can use this custom css to change the color of author’s name: http://screencast.com/t/J0kSsySnFGTl

.author-box-wrap .td-author-name a {
color: #4db2ec !important;
}

This avatar: http://screencast.com/t/QpnV0WuH can be changed from here: http://screencast.com/t/rQq44DAOQU
You can find here more info about this: http://en.support.wordpress.com/avatars/

Thanks

Hi,

You can do this via css, please use this custom css in theme panel > custom css: http://screencast.com/t/cVb4s9kYX6hL
This will hide the sub footer on all pages except homepage.

.td-sub-footer-wrap {
display: none;
}

.home .td-sub-footer-wrap {
display: block;
}

Thanks

Hi,

Please use this custom css, add it in theme panel > custom css field: http://screencast.com/t/d4OCu4S0D3

.single .post {
padding-bottom: 10px;
}

.td-post-content h3 {
margin-top: 10px;
font-size: 32px;
}

Thanks

Hi,

You can use this css to fix that: http://screencast.com/t/ASoUOvbXg

.blog-stack .td_block_wrap .block-title a, .blog-stack .block-title span, .blog-stack .block-title label {
padding-top: 6px;
padding-bottom: 6px;
}

Thanks

Hi,

This happens because of the logo which needs to be at least 100px in height. Please try to use this css in custom css filed in theme panel:

.header-logo-wrap {
margin-top: 20px !important;
} 

Please let me know if this works! Also please provide your site’s URL if this doesn’t fix your issue, I need to inspect it to provide a fix for it.

Thanks

Hi,

Please make this changes to the menu-top.php file: http://screencast.com/t/D2x4Rc5Y5UI
Then use this css: http://screencast.com/t/qiOn9uXsV
You can change the background and text color from theme panel:
* background color: http://screencast.com/t/ERvfBVKo
* text color: theme panel > custom typography: http://screencast.com/t/298D9BrSmn

Thanks

Hi,

You can correct this via custom css, like this: http://screencast.com/t/qaYQ0NUGK
Please use this in custom css field:

.td-post-text-content p {
margin-bottom: 15px;
}

.single_template_5 .post header .entry-title {
margin: 0px;
line-height: 40px;
font-size: 34px;
font-weight: normal;
}

Thanks