Search Results for 'css'

Hello bhadrabalaram,

If you want to do not display the author name and date in a particular category, you have to use a bit of CSS to hide it and target the certain category by its ID. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.category-16 .td-module-meta-info {
display:none;
}

The result you should see here -> http://screencast.com/t/TSQchLWtEqx -> http://screencast.com/t/SPVvyIb1m

Hope this helps and let us know how it goes!

Thank you for the message!

Hello bhadrabalaram,

Unfortunately, you cannot resize the image that appears in category template 6. Practically, this kind of the image is your background image wich you have set it from your Theme panel, like this -> http://screencast.com/t/Q7GEzcUy6Do and you cannot change it only for this template. Another alternative for you would be using a bit of CSS with the background-image attribute for this category template and insert your desired image. Below I gave you an example how to use this with CSS. Please try to implement this functionality in our theme following the same steps and code.

The code is ->

.td_category_template_6 .td-category-header{ background-image: url('http://www.gettyimages.ca/gi-resources/images/Homepage/Hero/UK/CMS_Creative_164657191_Kingfisher.jpg');
background-size: 1164px 400px;
background-repeat: no-repeat;
}

The result you should see here -> http://screencast.com/t/skp9vYhPZqI

Hope this helps and let us know how it goes!

Thank you for the message!

Hello rightpalava,

This kind of “problems” appears when you use the Speed Booster plugin and you have some custom modification on your site. If you want to exclude this loading delay, you have to put manually each your custom CSS modification in style.css. Here, I am referring to all the changes you have done into your Theme panel. The main core file is style.css and the first time the theme load the styles from this file and then the theme load your custom styles.
The way Speed Booster improves site’s page speed it’s by moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can load the content faster.

Hope this helps and let us know how it goes!

Thank you for the message!

Hello joyceloh,

Please try the code below and add it int Theme panel->Custom CSS area.

.td-post-content a:hover {
color: red;
}

The result -> http://screencast.com/t/llcB6p29Z

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thank you for the message!

Hello

If you want to remove this feature, you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area.

.td-category-pulldown-filter {
display:none;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Hello joyceloh,

1) If you want to remove the More Author feature, please try the code below and add it in Theme panel->Custom CSS area.

.td_block_related_posts .td-related-right {
display:none;
}

The result you should see here: http://screencast.com/t/x1l7A2ti

2)Unfortunately, our theme does not have such option for the social counter to display it in horizontal mode. If you want to achieve the vertical design, you should use a bit of CSS but necessary for good knowledge in with CSS style. Also, you can find some plugins with this functionality and try it on your website and see how it works for you. If you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this functionality for you in our theme because we cannot provide any custom services at the moment, sorry!

Hope this helps!

Thank you for the message!

Hello T2N,

If you want to do the tabs of tags a little bigger in the category page, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

.td-category {
height:30px!important;
}
.td-category-header .entry-category a {
font-size: 20px;
}

The result you should see here -> http://screencast.com/t/wCXy2x13a

If you need more assistance in this regard, please provide your website URL so I inspect it closer you page.

Thank you for the message!

Hello sporkhc,

I understand what you mean. Unfortunately, our theme does not have such an option and you cannot use these id’s because it change all the time. The single way is to use a single row for each desired block used by you and you should give the extra class for each row like this -> http://screencast.com/t/0trXhTRbdf and then you can use this class to apply custom CSS to hide it.

Hope this helps and let us know how it goes!

Thank you for the message!

Salut nicolai,

Am verificat meniul din tema Tavel si acel efect a fost facut intentionat pentru un aspect visual mai bun. Pentru avea aceasi latime la bara de menu si pentru ‘sticky bar’, va trebui sa folositi un pic de CSS si sa il introduceti in zona de cod CSS personalizat din Theme panel. Va rog sa incercati codul de mai jos ->

.td-header-style-5 .td-affix #td-header-menu {
min-height: 71px;
}

Rezultatul va fi asa -> http://screencast.com/t/Tx1WeSh86Y

Sper sa va ajute sfatul meu si astept sa imi spuneti cum functioneaza pentru dumneavoastra.

Daca nu este ceea ce doriti sa obtineti, va rog sa imi dati mai multe detalii pentru a putea fi capabil sa va dau un raspuns mai precis.

Multumesc pentru mesaj.

Hi,

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

.td-header-style-3 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-3 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-3 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-3 .black-menu .sf-menu > li > a:hover, .td-header-style-3 .black-menu .sf-menu > .sfHover > a {
color: #FFFFFF !important;
}

Thanks!

Hello VoZz,

If you want to increase the height of the main menu in header style 5, please try to use a bit of CSS and add it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-5 .td-header-menu-wrap-full {
height:120px!important;
}

The result you should see here -> http://screencast.com/t/UgCQgD03a1p

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thank you for the message!

Hello maxpeerawat,

Unfortunately, you cannot use 2 templates at the same time. Each of template (demo content) has a different style. If you want to have the same design with travel demo, for instance, you have to do some customization in order to achieve this design.

This is the simplest solution of recreating the travel demo homepage on another demo. This cannot be done without the custom classes used by this demo.
Please follow these simple steps to recreate the travel demo homepage with another demo installed:

1) This is the shortcode of the page layout. You can simply paste it inside your page editor in classic mode and text mode: http://screencast.com/t/SUt9ItUc the code: http://pastebin.com/RAA6DkWp

2) The background image will not be found so you will need to add your own image in the row setting: http://screencast.com/t/yB2Bh0rbo

3) This is the final and most important step as the CSS for the travel homepage will not apply without this step. Please add this class: td-travel to the body of the website like so: http://screencast.com/t/fOt9sfquQtVy

This will be the result: http://screencast.com/t/vlZG4G8m1Xpy

Hope this helps and let us know how it goes!

Thank you for the message!

Hello Dariob,

If you want to have some pages without the menu, you have to use a bit of CSS to hide it for your desired page with your page ID. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.page-id-38 .td-header-main-menu {
display:none;
}

Above, I gave you an example for a random page and I have presented you how you can hide the menu for a certain page. Please try this and implement into your website.

The result you should see here -> http://screencast.com/t/uF8uXrez -> http://screencast.com/t/6lFSMSUH4

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,

This depends what language the user use on facebook, you could try this custom css in Theme Panel > Custom Css – http://screencast.com/t/Mo1GC7lFWWwi and see if it helps.

.td-classic-facebook iframe {
min-width: 150px;
}

Thanks!

Hi,

Do you refer to the h tags added in the post content?
There is a margin top and bottom for each of them – http://screencast.com/t/esTF67BG0 but you can overwrite this using custom css in Theme Panel > Custom Css – http://screencast.com/t/tDbYeCNR just change the h number.

.td-post-content h3 {
margin-top: 0;
margin-bottom: 0;
}

Thanks!

Hi,

Please disable all the plugins except Visual Composer, clear cache and see if the Editor section appears – http://screencast.com/t/eKU3x2kWw
Also you could do your changes via ftp, make a backup of your current style.css file than do you changes and upload it.

Thanks!