Search Results for 'css'

Hi,

You can try this css code: http://screencast.com/t/85w5s0iBk3

.td-header-style-3 .td-top-menu-full {
min-height: 55px;
}
.td-header-style-3 .td-header-top-menu.td-make-full {
padding-top: 12px;
}

Thanks!

Hi,

You can hide it via custom css in Theme Panel > Custom Css: http://screencast.com/t/pUrMZKffFMr

.td-related-title .td-related-right {
display: none;
}
.td-related-title .td-related-left {
border-radius: 3px;
}

Thanks!

Hi,

Replace the code form the td_block_authors.php file with this one: http://pastebin.com/fj1q3aGf – http://screencast.com/t/TvBt9Wre

You’ll get this result: http://screencast.com/t/3s7jogOCca
You also need to use this custom css code in theme panel > custom css section:

.td_top_authors .item-details {
height: auto;
}

Thanks

Hi,

Unfortunately wordpress blocks don’t have an option to change color or background for titles, but you can do this using css code in Theme Panel > Custom Css: http://screencast.com/t/cGSNoZJV

.widget_search input[type=submit] {
background-color: red;
}
.widget_recent_comments .block-title > span {
background-color: red;
}
.widget_recent_entries .block-title > span {
background-color: red;
}

Thanks!

Hi,

Please use this custom css in Theme Panel > Custom Css to change the line height for unordered lists: http://screencast.com/t/IovdvmjRN

.td-post-content ul li {
line-height: 32px;
}

Thanks!

Hi,

Please provide more details about what you want to do and also your site URL so I can inspect this.
If you want somthing like this feel free to use this custom css: http://screencast.com/t/TqnbisfS

.td-header-sp-top-menu {
float: none !important;
text-align: center;
}

Thanks!

Hi,

Glad you’ve managed to solve this! We consider your suggestion!
The search icon is added using fonts so it can be colored via css, like this: http://screencast.com/t/d45TvcKNvSW2

.header-search-wrap .td-icon-search {
color: red;
}

Thanks

Hi,

You can try this custom css and change it how you need: http://screencast.com/t/GY0bzybhf

.td-load-more-wrap .td_ajax_load_more {
font-size: 20px;
color: #ffffff;
margin-bottom: 0px!important;
padding: 10px;
}
.td-load-more-wrap {
background-color: #222222;
}
.td_ajax_load_more .td-icon-menu-down {
display: none;
}

Thanks!

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

Hi,

You can try this custom css to change hover color for title in category pages: http://screencast.com/t/5MD8yC7z6ZsW

.category .td_module_wrap:hover .entry-title a {
color: red;
}

Thanks!

Hi,

The theme default fonts are defined in the functions.php – http://screencast.com/t/R4PB5rX10N83
For the custom selected fonts modify the code here – http://screencast.com/t/22e235H0kj

Add the desired weight, in my case i’ve added multiple parameters but you could add only the one you use.

$css_files = "://fonts.googleapis.com/css?family=" . $temp_css_google_files . ':400italic,700italic,400,700';

For 300 use this:

$css_files = "://fonts.googleapis.com/css?family=" . $temp_css_google_files . ':300';

Thank you, Emil G.

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

Hi,

Do you want to display top menu on mobiles as it was not designed for mobile screen and it hidden there. You ca try this custom css in Theme Panel > Custom Css to display top menu on mobile: http://screencast.com/t/vxH9YTZTX8V2

.td-header-top-menu {
display: block;
}

If this is not what you mean please provide more details.

Thanks!

Hi,

I’ve checked your site and it looks fine.
Try to disable all plugins/cdn/cache (if you use any) and check if it works, the css may interfere with the one coming from the plugins. I’ve tested it on my side and it works – http://screencast.com/t/gAYdQcjPlN – maybe you made a mistake in the process, try to repeat it.

Thank you, Emil G.

Hi,

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

.widget_facebook_likebox .block-title a {
color: #FFF;
}

Thanks!

Hi,

Unfortunately I can test this as we use the latest theme version and also the last update of the plugin. You can check this without any plugins active, leave just Visual Composer and Woocommerce active, clear cache and check if you still have this issue, maybe there is a conflict between plugins.
If this doesn’t work you can use custom css to hide it: http://screencast.com/t/LiesniWd

.single-product .loader {
display: none !important;
}

Or update your theme as I said we cannot test old versions of the theme with plugins. Also if you want to use that version of the theme you ca hire a professional to customize it for your needs(new versions of Woocommerce, also theme’s plugins).

Thanks!

Hi,

If you added this css please change it to display-inline – http://screencast.com/t/BGeFwBOv if you didn’t added please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/8agPWWi1

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block !important;
}

Thanks!

Hi,

You can make this change in header.php file: http://screencast.com/t/Hw7c5iUsr
Result: http://screencast.com/t/2sbaKggda
Also please use this css to center logo image on mobile: http://screencast.com/t/lbyOqdXa1

@media (max-width: 767px) {
.blog-stack .mobile-logo-wrap img {
left: 0px;
right: 0px !important;
}
}

Thanks!

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

Hi,

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

.single .td-main-sidebar {
border-top: 0px;
}

*Category: http://screencast.com/t/q7SGQiQUZxI

.category .td-main-sidebar {
border-left: 0px;
}

For pages you can edit the column if you refer to the content sidebar and set border to 0: http://screencast.com/t/AUZpBR5U
Also if you refer to the Latest articles sidebar you can use this custom css: http://screencast.com/t/aFuZHicUE

.page .td-main-sidebar {
border-left: 0px;
}

Thanks!

Hi,

The gallery waits for the script to load however this should not behave like this. We have this on our attention and we will try to find a solution until version 5 update.

You can work around this by using this custom css in theme panel > custom css section:

.post_galery_slide_1 {
overflow: hidden;
}

This will hide the images until the gallery script loads.

Thanks

Hi,

That can’t be done using theme settings and the height of it is determined by its content. You can try to do it via custom css though and set a minimum height for it, like this: http://screencast.com/t/2blWuXzqrM

.td-header-style-3 .td-top-menu-full {
min-height: 55px;
}

Thanks

Hi,

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

.td-load-more-wrap {
color: white;
background-color: rgba(0, 0, 255, 0.59);
padding: 10px;
}
.td_ajax_load_more {
margin-bottom: 0px !important;
}
.td_ajax_load_more .td-icon-menu-down {
display: none;
}

Thanks!

Hi,

You can use the original post pagination and hide the page numbers from pagination via css, like this: https://forum.tagdiv.com/topic/make-the-pagination-buttons-2/

This how you can use it in your case: http://screencast.com/t/9fQbHoJTRVER

.post div.next-back a:first-Child {
display:inline-block;
}
.post div.next-back a:last-Child {
display:inline-block;
}
.post .next-back a {
display:none;
}
.post .next-back > span {
display:none;
}

Thanks