Search Results for 'css'

Hello harmario,

If you want to hide the both main menu for desktop and mobile devices, notice that you should use the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

.td-icon-mobile{
display:none!important;
}
.td-header-main-menu{
display:none!important;
}

Hope this helps!

Thanks for the message!

Hello asisrodriguez,

You should edit the editor_style.css file and change from there the font of your blockquote, according to the following topic here -> https://forum.tagdiv.com/topic/blockquote-p-in-the-admin-style/

Hope this helps!

Thanks for the message!

Hi,

There is a condition in that particular demo that hides the header ad. You can either edit the demo file and remove it
– https://www.screencast.com/t/6EkG80xU3
Or enter this code in the Theme panel->Custom CSS
– https://www.screencast.com/t/e33sDjo4duK

.td-gadgets .td-header-style-5 .td-banner-wrap-full {
display: block;
}

Thanks

Hello cyberfyber,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website after you have added your above custom CSS, right? This behavior appears when you have additional customization through custom CSS code. Please notice that the CSS is working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
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 your understanding!

Hi,

Please try entering this code in the Theme panel->Custom CSS section

.td-lifestyle.single_template_6
.td-header-style-1 .td-header-menu-wrap {
border-bottom: none;
}

Let me know if this fixes the issue that is currently happening with the featured image.

Thanks

Hi,

You could try to change the fonts for the Woocommerce account page, in this file
– https://www.screencast.com/t/t7a1AlRUbAe
Maybe there are also plugins that would allow you to customize the different fonts used by Woocommerce. Or apply them with custom CSS code.
Inspect the page with the browser inspector and identify the elements used and the classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

These are the all styles possible with Big grid 3
– https://demo.tagdiv.com/newspaper/big-grid-3/
There is no option to change the predefined colors, only with custom code. A code like this one for example, where you can define the colors you want for each module. It will
– https://www.screencast.com/t/vFfB6pjEqu

.td-grid-style-2 .td-big-grid-post-0 .td-module-thumb a:last-child:before {
background: blue;
}
.td-grid-style-2 .td-big-grid-post-1 .td-module-thumb a:last-child:before {
background: red;
}
.td-grid-style-2 .td-big-grid-post-2 .td-module-thumb a:last-child:before {
background: green;
}
.td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a:last-child:before {
background: white;
}

You can modify the colors as you want, and maybe set more complex background properties in the code
– https://www.w3schools.com/css/css3_gradients.asp
The code must be entered in Theme panel->Custom code, if you decide to use it.
Please note that replying in your own topic before an answer is provided, will only make the topic newer. We answer from oldest to newest, we also try our best to provide answers as soon as possible.

Thanks

Hi,

That would require modifications to the posts template file. You will have to edit the corresponding loop file to that template. That is the file single_template_7.php located in the main theme folder. Opening that file you can see the post template structure, and the code that displays the categories
– https://www.screencast.com/t/LYbH0HTX
Try moving that line of code lower in the post, maybe like this
– https://www.screencast.com/t/0L3RmVrkKEwA
The result will be like this
– https://www.screencast.com/t/XTE2xR0nrqs
You may position the categories or style them further with some CSS if needed, or just leave them as they are.

Thanks

Hello,

You CSS code will not be able to affect the elements you want properly anywhere you place it. No matter if it’s the custom code or the style.css. You use simple css selectors. Our theme has classes and id’s set to the html elements that are significantly much more powerful selectors than the code you use. The problem is your code, not the theme implementation of css. Please provide instructions to exactly where you want your color changes to apply to and I will try to help providing the proper css code. Please note that you can change hover colors, text colors in the theme panel directly in the theme colors section. The general theme color will affect most of the theme elements. The hover color can be changed as well but only for the main menu: https://www.screencast.com/t/Q3hkiKfydb

Thanks.

Hi,

If you mean to align the header menu and logo with the page content
– https://www.screencast.com/t/gnF1fe0fv
You could try a code like this
– https://www.screencast.com/t/3aIfNURiCF
Enter it in Theme panel->Custom CSS

.td-header-style-1 .menu-item-first a {
padding-left: 0!important;
}
.td-header-style-1 .td-header-sp-logo {
margin-left: 0;
margin-right: 56px;
}

If this is not what you wanted, please provide more details about how exactly you want theme to be aligned.

Thanks