Search Results for 'css'

Hi,

This can be achieve only with custom css also is look that you change the module -> https://i.imgur.com/LvMMsAE.png

Thank you!

Hi,

All pro demos are using cloud templates from tagDiv Cloud Library, these can be edited only with tagDiv Composer, so you are using a single post templates this can be edited with tagDiv Composer and you can adjust it as you want -> https://i.imgur.com/eMV43pi.png use the right click to remove elements -> https://i.imgur.com/MVBO1sm.png after you remove all the elements from sidebar set the set row from 2 in 1 -> https://i.imgur.com/ofpISOQ.png

If you are using a pro demo, the footer is a cloud template, then you’ll need to edit it from a page, for example, you can edit the homepage, click on edit with tagDiv Composer -> https://i.imgur.com/uweNRrc.jpg after that go down to the footer end edit it how you want (now you can customize the the whole web-page from fronted).

The standard templates can be edited only with custom css and using the settings from theme panel.

Thank you!

Hi,

In order to have the scroll to top on mobile responsive version you’ll need to use a custom css like this one http://prntscr.com/opdgwr

.td-scroll-up-visible {
display: block;
}

The code need to be set in Them panel>Custom code>Custom css

Thank you!

Hi GMusic,

For mobile theme plugin you can use the settings from theme panel, these will be apply on mobile theme as on standard templates -> https://i.imgur.com/EXnvjpD.png -> https://i.imgur.com/AUEkZMt.png or using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

If this is not what you mean, please provide some more details.

Thank you!

Hi,

Let try other method, please use this custom css
-> https://i.imgur.com/InPzTnW.png
.td-main-page-wrap {
padding-top: 8px;
}
This css need to be set in theme panel> custom code> custom css.

Thank you!

Hello !

Please use this css code: .td-menu-background:before {
background: rgba(231, 105, 105, 0.76)
}

You will have to use a RGBA generator so you can change your color.

The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ

Thank you !

Hi,

Unforgettably there is no option for this, but you can do it using a custom css -> https://i.imgur.com/EkbRCHs.png
.tdb-mega-menu .sub-menu > li {
margin-top: 30px!important;
}
The code need to be set in theme panel> custom code> custom css.

Thank you!

Hi,

Please try this custom css -> https://i.imgur.com/JThcFWg.png -> https://i.imgur.com/NemFaCn.png
.page-nav .page {
display: none;
}
.page-nav i.td-icon-menu-left:before {
content: "Prev";
}
.page-nav i.td-icon-menu-right:before {
content: "Next";
}
This code need to be set in theme panel> mobile theme> custom code> css.

Hope this will help you!
Thank you!

Hi,

Indeed there are some problems with edge and ie, these browses do not recognize some css elements.

Thank you for your understanding!

Hi,

Unfortunately there is only a general option that will apply for all posts -> https://i.imgur.com/00c9J7H.png
The only way that you can hide several individual posts is to use a custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ here is an example of code that is using the post id https://i.imgur.com/qHoP7Ve.png -> https://i.imgur.com/fAze6Sv.png

Thank you!

Hi,

To fix this problem, please try this custom css -> https://i.imgur.com/mLz6RAq.png
.td-menu-mob-open-menu #td-mobile-nav {
overflow: visible;
}
The code need to be set in theme panel> custom code> advance css > phone.

Let me know the results!
Thank you!