Search Results for 'css'

Hello wuche,

You should use a bit of CSS code to change the color of it. Try the code below and place it in Theme panel -> Custom CSS area.

.td_block_big_grid_1 .td-post-author-name a{
color:red!important;
}
.td_block_big_grid_1 .td-post-date, span{
color:red!important;
}

The result is here -> https://www.screencast.com/t/h2Pt647AAOky

Thanks.

Hello,

This sees to be a line height misalignment. If you have any at all line-height changes, please revert them to default. If it;ls a custom css modification made, please make your code more specific so it will not affect multiple elements.
The element requires a line height of 24 px.
Here is a css code to fix it but it is is better to identify the source of the problem rather then just rewriting it with another css code:
.td-head-form-search-wrap{
line-height: 24px;
}

Thank you!

Hello,

Please add this code in the theme panl-> custom css box:
.td-header-style-12 .td-header-menu-wrap-full .td-header-gradient:after{
display:none;
}

Thanks.

Hello saldesign,

Please keep in mind that this is the default Video Playlist behavior when it is used in the 2/3+/1/3 layout. It will fit all the theme width and the video will be displayed in full-width of theme without any padding and margins, like this -> https://www.screencast.com/t/H6q3zasv
If you need more adjustments in this regard, please notice that you should do that yourself with some CSS custom code because we cannot provide such customs services at the moment, sorry!

Thanks for your understanding!

Hello,

Unfortunately style.css is changed on every update. You will not be able to keep your customized file and use it on another theme version as it will require the new code to function properly. There is no update proof method of customizing the theme files. Sorry. As an alternative to editing style.css you can try to increase your site loading speed or remove style.css from speed booster so the style does not get moved to the footer. https://www.screencast.com/t/ygx12ohW0V

Thank you!

Hi,
Please provide a link to your site so i can insect the element and provide the proper code as there seems to be a css applied to it specifically that prevents the theme settings from applying.

Thank you!

Hi,

That is how the modules look on that particular demo – https://demo.tagdiv.com/newspaper_recipes/ and it was a design choice for this demo
If you would like to enable the meta for the modules you can use this code
– https://www.screencast.com/t/0OcBxOD1k
You must enter the code in Theme panel->Custom Css

.td-recipes .td_module_wrap .td-module-meta-info {
display: block;
}

Thanks

Hi,

1. I do not know why you want to change the font properties for the text in the social sharing, and then remove it, maybe I am not understanding something.
For the comments section you could try something like this – https://www.screencast.com/t/rl5Cw0kz or separate the code in different styles for each of the elements

.td-comments-title.block-title,
.comment-reply-title {
font-style: italic;
font-weight: 800;
font-family: "Times New Roman", Georgia, Serif;
}

2.1 You could center the bottom sharing section with a code like this – https://www.screencast.com/t/8jCQFwf2
This is the code used, it must be entered in Theme panel->Custom Css

.td-post-sharing-bottom {
text-align: center;
}

2.2 To remove those sharing options please follow this topic – https://forum.tagdiv.com/topic/remove-some-social-icons-from-share-section-in-post/

2.3 If you would like to remove the text you could do it directly in the theme file mentioned in the topic provided above – https://www.screencast.com/t/FqWDoxZMUXY or with this css – https://www.screencast.com/t/LvHjm5GzWp
This is the code if you choose to do it this way

.td-post-sharing-bottom
.td-social-but-text {
display: none;
}

2.4 I do not know exactly how you want it to be. On smaller devices the only difference after making all the changes provided above, will be that the WhatsApp social. If you want it to display at all times you could do it like this – https://www.screencast.com/t/6KLjhtQVSaK
If you could provide more information about this last step, I will try to give you a solution.

.td-post-sharing-bottom
.td-social-whatsapp {
display: inline-block!important;
margin-left: 10px;
}

Thanks

Hello kdannay,

Use the code below and place it in Theme panel->Custom CSS area.

.td-icon-search{
display:none!important;
}

Thanks.

Hello,

The related articles font can be changed from the theme panel like so: https://www.screencast.com/t/DVHvDwCP
As for the social icons, they can only be removed from the theme code or hidden with css.
From the code you must delete this line: https://www.screencast.com/t/FH177UcssT
Or the css method:
add this code in the theme panel-> custom css box:
.td-social-pinterest{
display:none!important;
}

Thank you!

Hello,

Please add this code in the theme panel-> custom css box:
#buddypress input[type=submit]:hover{
background-color: #f49d00!important;
}

Thank you!

Hello,

The speedbooster plugin will move the css to the footer of the site. That means it will load last and you will be able to see the original css before the theme panel css loads. In order to prevent this you can either remove the style.css from the speedbooster code: https://www.screencast.com/t/ygx12ohW0V or change the colors directly in style.css

Thank you!

Hello,

Please use this custom css in the theme panel-> custom css box:
.woocommerce-loop-product__title{
line-height:15px!important;
}

Thank you!

Hello,

Maybe you have a custom css on your site that interferes with the code I provided above. Please provide a link to your site so I can inspect it.

Thank you!