Search Results for 'css'

Hello 22p,

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

.footer-text-wrap .block-title >span,
.footer-social-wrap .block-title > span
{color:red!important;}

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

Thanks.

Hi,

I used the live CSS editor browser extension, that is useful for testing
– https://www.screencast.com/t/O2fqSXmU
So the code should work when entered in the theme panel. Check if it is present there, enter it again if it is not. Clear all caching as well.

Thanks

Sure,

Please add this code in your theme panel-> custom css box:

.td-read-more a, .more-link-wrap a{
border-radius:20px;
padding: 5px 8px;
}

https://www.screencast.com/t/RnP4sTQPN

Thank you!

Hello Berzilak,

I guess that you want to change the background color for your category tag and block title labels, right? If you want to make this change, you should use the code below and place it in Theme panel -> Custom CSS Area.

The code is ->

.td-category a {
background-color: green;
}
.td-main-sidebar .block-title > span {
background-color:red!important;
}

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

Hope this helps!

Thanks for the message!

Hi,

There is a guide for setting font awesome icons in the menu
– https://forum.tagdiv.com/how-to-add-icons-in-menu/
But there is no documentation for adding a multi-purpose icon in the menu.You could try it as you mention, use an additional CSS code to increase the icon size and better positioning. I have tried like this
– https://www.screencast.com/t/jWX0599AEW2p
– https://www.screencast.com/t/pPj656Ij7d
Maybe this is useful to you

.td-header-main-menu .tdc-font-tdmp {
font-size: 1.4em!important;
vertical-align: middle;
margin-right: 10px;
position: relative;
top: -1px;
}

Thanks

Hi,

The mentioned setting will deactivate the comment count on individual post pages. For blocks/modules there is another setting here
– https://www.screencast.com/t/91j9dtxw
However for the comment count displayed in the author box there is no disable option. It could be removed with a code like this if required
– https://www.screencast.com/t/Nc6O4M84t
Enter the code in Theme panel->Custom CSS code section

.author-box-wrap .td-author-comments-count {
display:none;
}

Thanks

Hello daken05,

Here is talking a general time date which is set up from WordPress and it cannot be changed only for Widgets section. Also, if you want to hide them only for this section, you should try using a bit of CSS code to do this. Use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-main-sidebar .td-module-meta-info{
display:none;
}

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

Thanks for understanding!

Hi,

If you are using the mobile theme plugin, this has no option to remove the login. You could hide it with a code like this if needed
– https://www.screencast.com/t/e00b7BqcN
Enter it in Theme panel->Mobile theme->Custom CSS code section and the sign in/login will not be displayed when using the mobile theme plugin.

.td-menu-login-section {
display:none;
}

Thanks

Hi

The background settings in the theme panel is general, it will apply to all the pages. You could set a white background color for example to make the website boxed first. Then using CSS code set background images for each page by page ID. Like this for example
– https://www.screencast.com/t/2hujvjnLqy1M
The result is that you can set different backgrounds by page ID. This could be useful if you should consider it a solution

.page-id-XXX {
background-image:url("");
background-repeat: no-repeat;
background-attachment: fixed;
}

When building pages with the composer there are options to set background colors, images or videos for rows, thought I mentioned that as well.

Thanks

Hello onnie,

For page title, please check here -> https://www.screencast.com/t/VgeXaKfo2 Sorry, the theme does not have any such an option for it. You should do this only with the CSS code. You should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-category-header .td-page-title {
text-transform: lowercase;
}

Thanks.

Hi,

The code seems to work when applied, but it is not applied from what I can see
– https://www.screencast.com/t/zFLsVpm5NQN
– https://www.screencast.com/t/AuVzNvXZy
It is not applying in the page where you mention it works
– https://www.screencast.com/t/HRF2z4yE
The page should look like this with the code
– https://www.screencast.com/t/j491XxvT
If you entered it in Theme panel->Custom CSS it should remain there even after a theme update.

Thanks

Hello,

It seem now you use a stretched menu which was not available when the code was provided. The css is changed and for a stretched menu, you need this code:

@media (min-width: 768px){
.td_stretch_content .td-container {
margin-left: auto;
margin-right: auto;
display: table;
text-align: center;
}}

Thank you!

Hello,

Please add this code in your advanced css section under mobile devices:

.td-header-top-menu-full{
display:block;
}
.td-header-sp-top-menu{
display:block!important;
text-align:center;
}
.td-header-sp-top-widget{
display:none!important;
}

Thank you!

Hello,

The theme does not have such control over the author name. The author is added or removed fro all blocks at once. You can however add custom classes to your blocks and use css to hide the author for the blocks you do not want to show the author to.

Thank you!