Search Results for 'css'

Hello,

The css seems to be added to the same css as the color so you can use this code to change the font size:
.comments .form-submit input[type=submit]{
font-size:16px!important;
}
The font settings are the same in 7.5 though (https://forum.tagdiv.com/how-to-update-the-theme-2/)
If you want to change the text on the read more button you can do so from the translation settings here: http://screencast.com/t/Z09ylO2Ge

As for it’s style, that is determined by the demo you use. The button style can only be altered through css.
Pleas provide a link to your sie so i can inspect it and provide the proper css

Thank you!

Hello,
In order to change the name of the child theme you will have to edit 2 places:
First change the name in the child theme style.css: http://screencast.com/t/aS831GzMeM and then change the chilkd theme folder name.
Thank you!

Hello seban,

If you want to change the background-color of your sidebar you should use a bit of CSS to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td-ss-main-sidebar{
background-color:red!important;
}

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

If is not what you mean, provide more details about your problem so I will be able to provide a more accurate response. Also, you can provide your website URL so I can inspect it closer and provide you a more accurate response.

Thanks for the message!

Hello,

The black headers color is handled by this setting in the theme panel: http://screencast.com/t/jogyrvtk – http://screencast.com/t/8sW0VLmkbhny
The post comment button and search submit will have to be changed with css:
.comments .form-submit input[type=submit], .widget_search input[type=submit]{
background-color:red;
}

The social icons do not appear to come from the theme. They are a plugin so maybe you should check the plugin settings.
As for the font sizes they are controlled from the fonts section.

Please provide an example of what red more button you are referring to.

Thank you!

Hello,

Please use this code on posts and change the url to your preferred one:
[vc_btn title="Buy now" color="danger" size="lg" align="center" link="" button_block="true"]

Then use this css in the theme panel-> custom css box:

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover{
border-color: black;
background-color: black;
}

Thank you!

Hello,

This loading effect is just css as it changes colors from the default green ones to the yellow ones you selected. This effect is always visible but in some cases it is more visible than others. Using the speedbooster plugin will cause this effect to be more visible as it will move css to the footer. A simple solution is to copy this css directly in style.css:

.td-header-wrap .td-header-menu-wrap-full, .sf-menu>.current-menu-ancestor>a, .sf-menu>.current-category-ancestor>a, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full{
background-color: #d33;
}
.td-header-wrap .td-header-menu-wrap .sf-menu>li>a, .td-header-wrap .header-search-wrap .td-icon-search{
color: #fff;
}
.td-magazine .td-header-style-1 .td-header-top-menu-full{
border-top-color: #ffc400;
}

Thank you!

Hello vanessadealmeida,

If you want to disable the Instagram Block only for mobile, you should use a bit of CSS to hide it. You should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media(max-width:767px){
.td-instagram-main{
display:none;
}
}

Please notice that if you will use the Mobile Theme plugin, the Instagram will not be rendered for mobile.

Thanks for your understanding!

Hello giulian curl,

I have inspected your category page and I did not saw any ad inside it. For an instance, if you want to remove all the ads from this page you should use the code below and place it in Theme panel->Custom CSS area.

.category-146 .td-a-rec{
display:none
}
.category-146 .td-g-rec{
display:none;
}

Hope this helps!

Thanks for the message!

Hello laurena86,

You can try the code below and place it in Theme panel->Custom CSS area.

@media (max-width: 767px){
.td-header-main-menu {
height: 120px;
}
}
@media (max-width: 767px){
.td-main-menu-logo img {
max-height: 100px !important;
width: 200px;
top: 60px;
}
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
padding-top: 35px;
}
}
@media (max-width: 767px){
#td-top-mobile-toggle{
top:35px;
}
}

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

Thanks.

Hi,

1. Unfortunately the styles you see there are custom added. We did not add any custom list styles to our theme but it can easily be done with css and a small gif image like this guide shows: http://www.w3schools.com/CSSref/pr_list-style.asp

2. The blockquotes can be changed from the formats section: http://screencast.com/t/ZDHzfDjRa

Thank you!

Hi,

It can be removed with this css:
.td_block_slide .td-image-gradient:before {
display:none!important;
}
Add it in the theme panel->custom css box.

Thank you!

Hello Gadgetsay,

Please try to clear all your caches because maybe you have a strong caching plugin and that’s why all your settings which are made will not be applied. Also, if you want to hide a sidebar for a particular page you can use a bit of CSS code to do that. You will have to find the page ID for your desired page and then you should use the code below ->

.page-id-1087 .td-pb-span4{
display:none;
}
.td-pb-span8 {
width:initial!important;
}

The result you should -> http://screencast.com/t/8xsX4cZaahEr

Hope this helps!

Thanks for the message!

Hello neoandrej,

I have inspected your website and I saw that you have display:none for your article inline ad, as you can see here-> http://screencast.com/t/eTB2HGRgi Do you have some additional customization through code? Because this rule does not come from our theme. As a quick solution, you should use a bit of CSS to change your display type and place it in Theme panel->Custom CSS area.

The code is ->

@media (min-width: 1141px){
.td-rec-hide-on-m {
display: block!important;
}
}

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

Thanks for your understanding!