Search Results for 'css'

Hi,

Do you use the Mobile Theme plugin?
In this case just paste this custom css to Theme Panel > Mobile Theme > Custom Css – http://screencast.com/t/LMDfjIqR3l

.td-post-featured-image {
display: none;
}

If you are not using the Mobile Theme plugin, you can use media queries and paste the code in Theme Panel > Custom Css: http://screencast.com/t/GzgDh78I

@media(max-width: 767px) {
.td-post-featured-image {
display: none;
}
}

Thanks!

Hi,

I you refer to this background added to the row, there is a custom css for it and you can overwrite it – http://screencast.com/t/FTONXzrgVGE4

.td-travel .td-travel-header {
height: 400px !important;
}

If this is not whats you mean please provide more details and your site url so we can inspect this.

Thanks!

Hi,

The css code can be placed in the theme panel->custom css box.

Thank you!

Hello Metric,

Please notice that our theme will be switched in boxed mode if you will add a background image and that’s why the Footer and the Header are not be displayed in full width. Unfortunately, the theme does not have any such an option that allows you a way to change this behaviour from the panel, but you can do that using a bit of CSS code. You should follow the next topic here -> https://forum.tagdiv.com/topic/cant-create-fake-full-width-top-menus-by-coloring-the-outer-wrappers-in-6-1/#post-56800 because there you find a solution in this regard.

Thanks for your understanding!

Hello fwoedit,

Unfortunately, I do not exactly understand what you want to achieve in this regard. So, if you want to change the design for author name, you should use a bit of CSS and change the value from the code below by your desire

.single{
.td-post-author-name div {
display: inline;
margin-right: 5px;
font-size: 12px;
}}
.single header .td-post-author-name a {
font-weight: 700;
margin-right: 3px;
color:red
}}

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

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

Thanks for the message!

Hello,

Unfortunately the mobile theme does not have any options to remove the footer about us section. It can be done however using a custom css code:
.td-mobile-footer-wrap .td-footer-description{
display:none;
}
Add this code in the theme panel->custom css box.

Thank you!

Hello,

1) please provide a link to your site so I can inspect the footer and see if there is a css work-around. There is no setting for this.

2) There are no settings for your requests regarding the header. You cannot move things around. It can be done but only with custom modifications which we cannot provide. Please hire a freelancer if you require customization services as the theme support does not cover custom modifications. We try to help out where we can but only if the modification is not too time=-consuming. This one however will require quite a bit of time and effort as the header is a very complex part of the theme.

3) same as 1)…link please.

Thanks.

Hello replay35,

If you want to achieve that effect which you want, please notice that you should use a bit of CSS and further you will do a lot of additional customizations in order to bring best results. As a hint, you can begin with the code below and place it in Theme panel->Custom CSS area.

The code is ->

.tdc-content-wrap{
background-color:grey;
}

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

If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hello,

If you add padding to your posts but do not want it on mobile phones, you should use css media queries for the padding. Make the padding only apply to the desktop screen size, not all sizes. Here are the screen sizes for each viewport: http://screencast.com/t/FInLEOh2
Here is an example on how to exclude the mobile phones from a css code:

@media (min-width:767px){
add your css here
}

As for the article inline ads, there is no simple way to remove a particular ad. The ad system places the ads site-wide, not in particular. If your ad is non-adsense you can hide it with css with display:none, but if the aed is adsense you will have to create conditions in the code and remove it for a specific post ID.

Thank you!

Hello fwoedit,

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

The code is ->

.td_module_mx8 .td-module-title a {
color: red;
letter-spacing: 2px;
}
.td_module_10 .td-module-title a{
color:red!important;
}

Hope this helps!

Thanks.

Hello,

1) What you see on themedium’s hover color is not the category color. it;s the block hover color that can be changed from the block settings: http://screencast.com/t/X9vZVNAt

2) Yes, the site in question uses style 4 for posts and a css customization to make the post background transparent. This is a similar code:
.td-post-header-holder.td-image-gradient .td-post-title {
background-color: rgba(255,255,255,0.7) !important;
padding-left: 10px !important;
padding-bottom: 10px !important;
}

3) The excerpt color can only be changed with css. Use this code:

.td-excerpt{
color:red!important;
}

Thank you!

Hello InstallationComplete,

1)Regarding on font for this section, you can do it from Theme panel, like this -> http://screencast.com/t/Yd9jsDQa and also, if you want to change the background color 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-post-small-box span {
background-color:red;
color:yellow;
}

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

2) The code is ->

input[type="submit"] {
font-size: 15px;
background-color:grey;
color:red;
}

3)The code is ->

#reply-title{
color:blue!important;
}
.comments .comment-form .submit {
color: red;
background-color: blue;
}

Hope this helps!

Thanks for the message!

Hello,

In order to remove the shadow you must use css as there is no setting for this in the theme panel. Use this code in the theme panel->custom css box:
.td-header-gradient:before{
display:none!important;
}

Thank you!

Hi,
Please switch to the main theme and clear caching again to see if the child theme does not affect the css in any way even if there is no code added, you could be using an older version of the child theme that could affect the site. Simply switch to the main theme and test again.
Thank you!

Hello,

It will be way easier to change the block titles color than the links colors as there are many links and the css to target specific links is different and will get very big as the code needs to cover lots of situations where links are involved and there are lots of links on a site. Please switch the theme accent color to the dropcap color and simply use this code in the theme panel->custom css box to change the block titles back to the beige:
.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: #e7d38a!important;;
}

Thank you!

Hello DesignCode2009,

Unfortunately, our theme does not have any such an option that allows you a way to change this theme behavior, sorry! Also, if you want to have this effect, you should use a bit of CSS code to do that. For more references in this regard, please consult this topic here -> https://forum.tagdiv.com/topic/cant-create-fake-full-width-top-menus-by-coloring-the-outer-wrappers-in-6-1/#post-56800

Thanks for the message!

Hello,

1) The 3 sections of the footer were not designed to be identical width between them. The logo container is smaller so there will be more space for the other containers. If you want them justified, you can use this css code:
.td-footer-wrapper .td-pb-span3, .td-footer-wrapper .td-pb-span5, .td-footer-wrapper .td-pb-span4{
width: 33.33333333%!important;
}

2) This will not be a simple reuqest to do. It requires a bit of customization work which we cannot provide. We do not have a customization department so we cannot provide such services. You will have to chosse a header style that comes close top what you need, or hire a freelancer to customize the layout for you.

3) We only recommend using these columns in visual composer: https://forum.tagdiv.com/how-to-use-visual-composer/ Other layouts could provide ‘broken’ results

Thank you!

Thank you!

Hello fwoedit,

If you want to display this sub-footer text, please notice that you should use a bit of CSS code to decrease the padding-right value if you want that this message to fit only 1 row. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-sub-footer-copy{
padding-right: 0px!important;
}

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

And the text you should add in that section, here -> http://screencast.com/t/hOPG0wNo9lg

Thanks for the message!

Hello,

The basic settings for the mobile menu are found under the theme panel mobile theme section.
If you want extra css styling for the menu you will have to be more specific. The everything you want changed that is not available in the theme panel has to be coded in.
A font family for the menu can be added like so:
.td-mobile-content li a{
font-family: myfontfamily;
font-weight:900;
}

Margins are a bit more complicated as it depends how you want them.

Thank you!

Hello,

Well there is no simple way of only removing the captions on those particular posts. If you remove the captions you will remove them across the whole site, so that will mean there will be no captions shown on any image you upload. If you do not plan on using captions at all, then you can use this code to hide all captions:
.wp-caption-text{
display:none!important;
}
You can add the code in the theme panel->custom css box.
If you do plan on using captions in the future, then you will have to go in manually and remove captions for your images. Sorry

Thanks.