Search Results for 'css'

Hello hadharm,

Please notice that all the settings for our Quotes could be found in the post editor, like this -> http://screencast.com/t/XkBMpgGN Also, if you want to change other values from this blockquote, you will have to change the values from here and place that code in Theme panel->Custom CSS area.

.td-post-content blockquote p{
font-family: 'Roboto', sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 400;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
word-wrap: break-word;
}

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

Thanks for the message!

Hi,

Unfortunately specifying a fixed width will break responsiveness. You have to adjust it for each screen size break-point for it to display properly. You can use the advanced css for easy access to responsive css: http://screencast.com/t/UX5WFFPQQBx

Thank you!

Hello,

You can do it with this code:
.td-g-rec-id-content_top{
float:left!important;
padding-right:10px;
}
Add the code in the theme panel->custom css box

Thank you!

Hello,

You can do it with this code:
.td-g-rec-id-content_top{
float:left!important;
padding-right:10px;
}
Add the code in the theme panel->custom css box

Thank you!

Hello Thanos,

Please notice that our demo has been designed to use the Big Grid 5 in that section and I noticed that you are using the Big Grid 7. Please notice that each demo has own design and if you will change the Visual Composer elements may be appeared some differences. Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.td_block_big_grid_7 .td-module-empty.td-big-grid-post {
padding-right: 1px;
}

For more customizations if you are not aware, please consider hiring a freelancer/developer to help you because we cannot provide custom work.

Thanks.

Hello,
The top menu was never intended to show on mobile so that is why it was hidden. it can be reactivated with css but I will need a link to your site so I can provide the proper css code for it.
Thank you!

Hello rtofficial,

If you want to have a specific color, please notice that you should use a bit of CSS code to do that, like below code. -> http://screencast.com/t/ebMG483Utq If you want to have a specific color according to the category, please notice that you will have to edit the code in order to achieve this and please notice that is not a simple task and it required additional customization and we cannot provide custom work at the moment, sorry!

The code is ->

.td-module-title a{
color:green!important;
}
.td-excerpt{
color:red;
}

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

Thanks.

Hello Dimitron,

Unfortunately, the footer section from Mobile Theme cannot be modified from the panel. If you want to remove the About Us section, the only way to do this is using a bit of CSS code and place it in Theme panel->Custom CSS area. In the future, we will deeper develop the footer section on the mobile theme and it will rule out this inconvenient.

The code is ->
.td-mobile-footer-wrap .td-footer-description{
display:none!important;
}

Hope this helps and let us know how it goes!

Thanks for your understanding!

Hi,

Try this css to reduce the white spece:
.td-social-style10 .td_social_type .td-social-box{
height: 66px!important;
}

Thank you!

Hello,

@supersheek if you want to remove breadcrumbs from all pages at once, you can use this css code to do it:
.page .entry-crumbs{
display:none!important;
}
.td-crumb-container{
min-height: 10px;
margin-bottom: 5px;
padding-top: 0px;
}
You can add the code in the theme panel->custom css box

@crazynuts99
The title you mention is not a breadcrumb but the page title itself There is a difference between the page title and the breadcrumb. If this is what you want to remove simply change the page template to one that does not show the page title: http://screencast.com/t/rid0B4L9h98
The default page template – it will show the title if you do not use visual composer on that page
Pagebuilder + latest articles – will not show the page title
Pagebuilder + page title – will show the title.

Thank you!

Hello Webinvest,

If you want to remove the meta info for your Big Gid 7, please notice that you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_big_grid_7 .td-module-meta-info {
display:none!important;
}

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

Thanks for the message!

The css code can be added to the theme panel-> custom css box
Thanks

Hello,

The author will need a bit of a css fix as the css got changed a bit in the new update but the author name was not updated for it. So until the next theme version please use this CSS code in the mobile theme’s custom code box:

.td-post-author-name div { display:inline; }

Sorry for the inconvenience.

Hello,

The comment count can be removed from posts here: http://screencast.com/t/papGwliSK and for pages and categories from here: http://screencast.com/t/RGgpMDJl
The comment count cannot be removed for proffered pages. It can be removed with css though.
If you only want to hide it from the category pages and from the author pages you can use this code:

.category .td-module-comments, .author .td-module-comments{
display:none!important;
}

Thank you!

Hello,

The play icon cannot be removed from the theme settings but it can be removed with css. You can use this code:

.td-video-play-ico{
display:none!important
}

Thank you!

Hi,

Well we have not tested this but this is the css class you have to target to do it:
.td-module-thumb:hover{}
You will have to use a few css tricks to do it. W3 schools is a good learning platform that can help you out on your task.

Thank you!

Hi,

The css code or this element is quite a mouthful as it affects a bunch of different elements.
Here it is:

.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{
background-color: rgba(6, 122, 180, 0)!important;
}
.block-title a, .block-title span, .block-title label{
color:#2196F3!important;
}

You can change the colors to your liking. I set the background transparent and the text blue, but not sure it’s the blue you are looking for.

Thanks.

• This reply was modified 9 years by Bogdan B..

Hi,

You can use this css:

::-moz-selection { /* Code for Firefox */
color: pink;
background: yellow;
}
::selection {
color: pink;
background: yellow;
}

Simply add the code in the thee panel->custom css box and change the colors to your preferred ones.

Thank you!