Search Results for 'css'

Hi,

You have to the code to move css/js on each function not at the end of content, please check this – http://screencast.com/t/0dPn8HH0m – http://screencast.com/t/bdNWW3avne

Thanks!

Hi,

The above css is for menu search button, please try this custom for you search template button – http://screencast.com/t/uXCePWPPMs

.search-page-search-wrap input[type=submit]{
background-color:#006bb3;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css as the theme doesn’t have an option to change this color: http://screencast.com/t/iSWLhhucWse8

.td-module-comments a {
background-color: red;
}
.td-module-comments a:after {
border-color: red transparent transparent transparent;
}

Thanks!

Hi,

Please add also this custom css in Theme Panel > Custom Css for featured image caption: http://screencast.com/t/wZrcRlmI

.td-post-featured-image:hover .wp-caption-text {
opacity: 1 !important;
}

Thanks!

Hi,

1. You can change or remove the background color for post style 11 using this custom css – http://screencast.com/t/DSlNSv9BGCy

.td-video-template-bg {
background-color: rgba(199, 88, 88, 0.66);
}
.td-video-template-bg-small {
background-color: rgba(199, 88, 88, 0.66);
}

Also if you wnat to change the color for these elements on post style 11(breadcrumbs for all articles) – http://screencast.com/t/NVN9nhPou0es

.td-post-template-11 .td-post-title .td-post-author-name, .td-post-template-11 .td-post-title .td-post-date, .td-post-template-11 .td-post-title .td-post-comments a, .td-post-template-11 .td-post-title .td-post-views {
color: #e6e789 !important
}
.td-post-template-11 .td-post-title .td-post-author-name a {
color: #e6e789;
}
.single .entry-crumbs,.entry-crumbs a {
color: red;
}

2. If you want to remove gradient from featured image on post style 3 please check this custom css in Theme Panel > Custom Css: http://screencast.com/t/noSEG5Iw

.single_template_3 .td-image-gradient:before {
display: none;
}

Or if you don’t want to remove gradient and just to change it to a lighter color this is the default background color so you can change it:

.single_template_3 .td-image-gradient:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 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.8)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

Hope this helps!

Hi,

1. I thing you can achieve the result you want by using one of the grid layout we now have and use custom css to hide the additional informations from the post image so you just need to add the grid you want then use the filter section to chose the posts you want to display in it: http://screencast.com/t/lJXzuJfpwheE then use a css like this to hide additional information from the images leaving just the titles which will look like this: http://screencast.com/t/OA8dItmyN

If this is what you want you can sue the css code below to hide the additional descriptions from the grid:

.td_block_big_grid_8 .td-big-grid-post .td-post-category, .td_block_big_grid_8 .td-big-grid-post .td-module-meta-info {
display: none;
}

.td_block_big_grid_8 .td-big-thumb .td-big-grid-meta {
margin: 0 0 40px 20px !important;
}

You can do it for grid 7 the same way and change the css classes from 8 to 7: http://screencast.com/t/nBpzWSy3MhE

2. If you refer to these social icons: http://screencast.com/t/Zy2WXthZS those icons can’t be added anywhere else other than the top menu.

Thanks

Hi,

Not sure why you have this issue, the logo image should appear also on mobile devices. Do you have any custom css? Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/HCTrAhTWKPM

@media (max-width: 767px){
.header-logo-wrap img {
display: block !important;
}
.span12.header-logo-wrap {
display: block !important;
}
}

Thanks!

Hi,

Please disable all your plugins except of Visual Composer and remove any css/js compression, clear cache and see if you still have this issue. These js errors usually are caused by plugins that conflict with theme javascript, also please make sure that you use the latest version of the theme 6.2.

Thanks!

Hi,

Do you want to translate next to prev? Please check Translations section from Theme Panel – http://screencast.com/t/dHDAmJPv – http://screencast.com/t/a3vcBL0t

Try this custom css to change the arrows – http://screencast.com/t/04o11NOQh

.td-icon-menu-right:before {
content: '\e80c';
}
.td-icon-menu-left:before {
content: '\e80d';
}

Thanks!

Please add an extra class to your text block – http://screencast.com/t/Me5TQvLc0 and add this custom css in Theme Panel to reduce margin bottom for your text block – http://screencast.com/t/MttminpQOn

.test {
margin-bottom: 10px;
}

Thanks!

Hi,

The double quotes are added there like an image if you want to change them you will have to use custom css in Theme Panel > Custom Css and replace the image – http://screencast.com/t/ZlxvPxQVK

.td-post-content .td_pull_quote p:before{
background:url("http://www.mythoughtsmywords.org/images/double-quotes.png") no-repeat scroll 0 0 !important;
background-size: 20px 20px !important;
}
.td-post-content .td_pull_quote p:after {
background:url("http://image.shutterstock.com/display_pic_with_logo/577306/235529839/stock-vector-quotation-mark-symbol-double-quotes-at-the-end-of-words-quote-sign-icon-isolated-on-white-235529839.jpg") no-repeat scroll 0 0 !important;
background-size: 20px 20px !important;
}

Thanks!

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

Hi,

Please edit top-menu.php and add this code instead of #: http://screencast.com/t/ceFDfsjFr

' . get_author_posts_url($current_user->ID) . '

Also add this custom css to change cursor from default, in Theme Panel > Custom Css: http://screencast.com/t/Vy4rn1kjSq

.td_user_logd_in{
cursor: pointer !important;
}

Thanks!!

Hi,

Please add also text align to the above code like this – http://screencast.com/t/UwScMf9b6Io

text-align: left;

I did not tell you, but I guess that you know that using this code it will affect all other qoute formats so on your future articles you will have to use blockquote to have this effect – http://screencast.com/t/J70xQJKYglFr as using other quotes formats – http://screencast.com/t/8wz2Ty8ekA1 will be affected by this css – http://screencast.com/t/oAS2C9lcT

Thanks!

Hi,

I have also tested this and it works – http://screencast.com/t/33YhvV5zkgUs – http://screencast.com/t/wE97ibc4N but on modules/blocks it will not be displayed using html/css code – http://screencast.com/t/U7ZMIOYWYabi it was not designed for this.

Thanks!

Hi,

Did you hide the the date on all modules using custom css and you want to appear only on that specific category? Please provide more details about your customizations and also provide a link so we can take a look. You could use category’s unique class – http://screencast.com/t/uFnub8GE

Thanks!

Hi,

Unfortunately you cannot block this using custom css, but you can try to remove this function from td_data_source.php – http://screencast.com/t/woVwnjCQB

Thanks!