Search Results for 'css'

Hello LCale,

If you want a more accurate code, you should provide your website URL so I can take a closer look at it. Also, if your website is private and you cannot provide here, you should try to create your custom CSS code using the following guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ You should looking after margin-right or left for that container.

Thanks for your understanding!

Test it out with the google page speed. I cannot say for sure if it will move all of the js and css as I do not know what plugins you use. Try to activate speedbooster, run a speed test and then deactivate speedbooster and test again. Then comp[are the results.

Thank you!

The css you are seeing does not come from the theme. It comes from your site: The css that comes from the theme refer to style.css and demo_style.css. If a css rule is added over the theme css it will show the “index” provenience as it does on your site. https://www.screencast.com/t/ecK6ObQeh
It is either a code you added or plugins that add their own css over the theme css. The theme did not change anything. It is a change originating from your site.
Thank you!

Hello mboersma,

Please keep in mind that the original theme behavior in this regard is this one -> https://www.screencast.com/t/a1HDRdlNME Notice that the image size on the TagDiv Gallery may be different and then will appear some misfit.

For example, if you want to achieve as you want, try the code below and place it in Theme panel->Custom CSS area.

.td-doubleSlider-1 .td-slide-item .td-slide-caption span {
margin-left: 30px!important;
}
.td-gallery-slide-copywrite{
margin-right:30px!important;
}

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

Thanks for your understanding!

Hello Zack,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? Firstly is loaded a default font/settings and then will appear your custom font/settings/custom CSS. This behavior appears when you have additional customization through custom CSS code and also, I suppose that you are using the Speed Booster plugin. Please notice that the CSS are 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,

You can remove the gradient in post pages using this code, enter it in Theme panel->Custom Css

.single .td-image-gradient-style6:after {
display: none;
}

Result – https://www.screencast.com/t/m9Q3LNYPZ
Thanks

Hi,

You can try this code, it will make the Thematic menu item have a vertical scroll, just enter it in Theme panel->Custom Css

.menu-item-1475 .sub-menu {
height: 350px;
overflow-y: scroll;
}

Result – https://www.screencast.com/t/LZPMR5443z19
Thanks

Hello,

Unfortunately you will have to update the style.css as well because there are plenty of css modifications between the 2 versions. You should not alter the theme css file as the re is a custom css box in the theme panel where you can add your custom css. You will have to re-add your customization to the new file as using the old one would break the theme style.

Thank you!

Hi,

I understand now, you can hide the author name using this code, enter it in Theme panel->Custom Css

.category .td-post-author-name {
display: none;
}

Result – https://www.screencast.com/t/anbSnQ1uN

Thanks

Hi,

You can make the top menu display in those conditions using this code, just enter it in Theme panel->Custom Css

@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-sp-top-menu {
display: block!important;
}}

Result – https://www.screencast.com/t/TAEqVmya

Thanks

Hi,

You could hide the header menu using this code, just enter it in Theme panel->Custom Css

.td-header-menu-wrap-full {
display: none;
}

Result – https://www.screencast.com/t/GlNyCu1et
Thanks

Hi,
It is not enough to activate speedbooster, You will have to follow the instructions presented here: https://forum.tagdiv.com/how-to-make-the-site-faster/ at point 5. And please note that speedbooster will not be able to move all of the js and css for all plugins though as you can make it work with all plugins by removing the compatibility code but you cannot make it move the css and js for all plugins.
Thank you!

Hello yopyop22,

If you want to do this, you should inspect the page where you want to apply this custom CSS and there you will find the page ID for this page, like this -> https://www.screencast.com/t/0y8Nan9Q Notice that each page has an ID and if you know it, you should follow this steps.

Thanks for your understanding!

Hello Fluffy,

This type of color if given by Default Theme Color. So, if you want to change it only for the mega menu, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_mega_menu_sub_cats .cur-sub-cat {
color: red!important;
}

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

Thanks for the message!

Hello Oliver,

The easiest way to remove the links inside the categories is with a css code so you do not have to alter the php files. Try to use this code in the theme panel->custom css box:

.category-fashion .td-main-content .td_module_15{
pointer-events:none;
}

You can change the category you want to affect in the code, or if you want to affect all of the module 15’s on every category or other template you can use this code:

.td-main-content .td_module_15{
pointer-events:none;
}

Thank you!

Oh,

Ok, Now I understand :). You can use this code in the theme panel->custom css box:
.td-black .td-main-content-wrap, .td-black .post{
background-color: black!important;
}

Thank you!