Search Results for 'css'

Hi,

Maybe something like this – https://www.screencast.com/t/PKq1GBzJmpV8
Enter the code in Theme panel->Advanced CSS in the desktop section, so it will not affect other devices (this may not look well on smaller devices). You can make modifications to the value in the code if needed.

.td-header-style-8 .td-header-sp-logo {
top: 40px;
}

Thanks

You could try this solution to center the titles on modules
– https://www.screencast.com/t/byhz8pVjpl

.td_module_wrap .item-details {
display: flex;
align-items: center;
justify-content: center;
}

Enter the code in Theme panel->Custom CSS and see if it works properly.

Hi,

1. That would be the color set in the demo, each demo contains custom design. The color is set in the demo stylesheet
– https://www.screencast.com/t/yFwSE0mRZwQ
Removing it from there will allow the theme accent color to display on the modules. Or change it in the code directly, that will work as well.

2. The demo also has some design for the Instagram element, in the same stylesheet here
– https://www.screencast.com/t/rXfMOmNtk5jd
Removing it will display the default state.

Most of the demos have such custom design, where there were no theme panel settings at the moment of creation, custom CSS was used. This stylesheet is imported when the demo is installed and will override theme code.

Thanks

Hello Fabrizio Azzali,

Do you are referring to the category siblings? If you want to hide them, you should use the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.td-category-siblings{
display:none;
}

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

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!

Hello,

I tested the code again and it works as expected. You are maybe not implementing it correctly. Please add it to your custom css box and make sure there are no errors in there. A big red X should hint an error.

Thank you!

Hi,

If you are referring to the tags in the post page
– https://www.screencast.com/t/9BaRW3o0
There could be a solution. It would also depend, if you want the actual links removed from the code, or simply not allow users to click on the tags. If you want to remove any interaction with the tags (including clicking) you could use something like this code.
Enter this code in Theme panel->Custom CSS

.td-post-source-tags {
pointer-events: none;
}

Thanks

Hi,

You could hide the number of followers with a code like in this topic
– https://forum.tagdiv.com/topic/we-dont-want-counter-numbers-on-social-counter-plugin-we-arent-that-famous/
Try the solution provided by Alin, enter the code in Theme panel->Custom CSS.

Thanks

Hello,

This happens because of the optimization made on your server. Css gets loaded last and the styles are pulled after the page loads. The only solution to this is either disable the css optimization whether you know about it or not, or change colors directly in style.css and replace the blue color directly, but you will need a bit of css skills for it in order to know what to look for as style.css is a big file.

Thank you!

Hello,
You can add this css code in your theme panel-> custom css box to remove the underline:

.sf-menu > li > a:after{
display:none;
}

Thank you!

Hi,

You could achieve something similar based on the gadgets demo and the screenshot you mention. This code is for block 9 placed in a 1/3 column
– https://www.screencast.com/t/wrMgwz1z
You can make modifications to it and style the block as you wish, change colors, margins padding etc. Then enter it in Theme panel->Custom CSS
This is the code used in the example
– https://pastebin.com/a2qTD7xH

Thanks

Hi,

Seems that one of the inputs (the username input) is not displayed, only the password field appears. After inspecting the issue I see that the inputs and labels used by the theme are replaced by a different CSS (maybe by a plugin or custom code) One of the inputs is set to invisible and also the design is affected.
I could give you a code to fix this
– https://www.screencast.com/t/mX5z0uVbQQNm
– https://www.screencast.com/t/oGMycGbzi
Enter the code in Theme panel->Custom CSS

#td-mobile-nav .td-register-section .td-login-input,
.mfp-content .td-login-input:invalid {
display: inline-block;
}
.td-login-inputs label {
padding: 0!important;
}

Thanks

Hello,

1) Please use this css code in your theme panel custom code section under custom css:

.td-main-page-wrap{
padding-top:10px;
}

2) Please provide a link to your site so we can see where this space comes from.

Thanks.

Hello,
It is done with css but it needs to be targeted on the specific menu item otherwise it will affect all of the menu at once. It is a custom implementation made for the demo presentation. You can do it by targeting a specific menu by it’s unique menu item id here is an example for my menu: https://www.screencast.com/t/S1m1YrpW

.menu-item-230 .sub-menu{
padding: 14px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
The menu item number needs to be changed to your own unique menu item number.

Thanks.

Hello,

1. Please contact us via email at contact@tagdiv.com and provide a link to oyur site and wp-admin so we can login and investigate.

2. Use this css in the theme panel-> custom css box:

.home .td-module-date, .home .td-post-author-name span{
display:none;
}

Thank you!