Search Results for 'css'

Hi Christoph,

You can achieve this with our theme too, you just need to set with tagDiv Composer the mobile theme plugin and use a custom css, try a custom css like this one -> https://i.imgur.com/XljbPoc.jpg
.td-menu-mob-open-menu #td-mobile-nav,
.td-menu-mob-open-menu .td-menu-background {
width:22%;
}
.td-menu-mob-open-menu #td-outer-wrap{
-webkit-transform: none;
transition: none;
box-shadow: 0 0 46px #000000;
position: unset;
}
The code needs to be set in the theme panel> custom code> customs css.

Hope thai will help you!
Thank you!

Hi,

Another way is to use a custom css, you can try this one:
.td_module_flex_1 .td-image-container, .td_module_flex_3 .td-image-container, .td_module_flex_4 .td-image-container, .td_module_flex_5 .td-image-container, .td_module_flex_1 .td-thumb-css, .td_module_flex_3 .td-thumb-css, .td_module_flex_4 .td-thumb-css, .td_module_flex_5 .td-thumb-css {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
Set the code in theme panel custom code> advance css> phones.

Unfortunately I do not quiet understand what do you want to achieve using the block 5 widget, please provide some more details and some screenshots if is possible.

Thank you!

Hi,

Unfortunately for the moment our theme has only these options for sticky elements and this option is making the entire sidebar to be sticky.
One solution will be to use a custom css that will display an element in a fixed position (add a class on this element and set on it a css https://www.w3schools.com/css/css_positioning.asp)

Thank you!

Hello !

Please provide an example of what you’re looking to achieve. You provided only some simple css tags that do not relate.

Thank you !

Hi,

This site is not made with our theme, also when it is set on the left is not full loaded, this is normal look like this -> https://i.imgur.com/5ksuLKT.jpg
Now you can achieve this only if you are using a background image to have a boxed layout -> https://i.imgur.com/DJwFWw4.png -> https://i.imgur.com/DV6dABg.png ->
https://i.imgur.com/y1SIcEe.jpg
.td-header-desktop-wrap .tdc_zone, .td-boxed-layout .td-container-wrap.td-main-page-wrap, .td-footer-wrap .tdc_zone {
position: relative;
left: -80px;
}
This custom css need to be set in theme panel> custom code> custom css.

Hope this will help you!

Hi JoAnn,

For me installing the PRO demo added the Shadow on website, but if you want you can add this shadow with custom css like this -> https://i.imgur.com/8dArdA7.jpg
.td-header-desktop-wrap .tdc_zone {
box-shadow: 0 -13px 10px 3px rgba(0, 0, 0, 0.12);
}
.td-main-content-wrap{
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.12);
}
.td-footer-wrap .tdc_zone {
box-shadow: 0 13px 10px 3px rgba(0, 0, 0, 0.12);
}
This code need to be set in theme panel> custom code> custom css.
Usually this css is set custom in header like this -> https://i.imgur.com/czDx1pI.jpg

Thank you!

Hi,

Unfortunately there is no option for that, but you can use a custom css like this one -> https://i.imgur.com/1rqgEdK.png
.tdm_block_text_image .td-block-span6 {
width: 50%!important;
}
This code need to be set in theme panel> custom code> advance css> phones.

Thank you!

Hi,

Usually you can use the general option for accent color from theme panel -> https://i.imgur.com/QGEJBms.png but in this (on Gossip demo) the colors is set individual per each element -> https://i.imgur.com/857NLmr.png therefore you need to make these changes manually or you can use a stronger custom css like this one ->https://i.imgur.com/R5zFdj7.png
body .td-theme-wrap .td_module_wrap:hover .td-module-title a {
color: blue!important;
}
This code need to be set in theme panel> custom code> custom css.

Thank you!

Hi,

You can achieve this using a custom css like this one:
.td-scroll-up {
display: block;
}
This code need to be set in theme panel> custom code> advance css > phones.

Thank you!

Hi,

For me the ads on mobile are look good on full width, but if you want to set padding/margin use tagDiv Composer and add an ad box and set some padding or margin in css tab -> https://i.imgur.com/hujHLBJ.png

Thank you!

Hello !

You can use this css code: .td-scroll-up{
Display:none;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi,

If you want to have some more control over sidebars from your website you can use tagDiv Composer and cloud templates, or example on a single post template -> https://i.imgur.com/uxMBScI.jpg you can click on the column and set in css tab 1-2px for border left -> https://i.imgur.com/jGlxJR6.png

Conform envato roles you can extend the support only for 6 months and you can do it for the current licence using the guide from here, or you can buy another licence and add it to the current account using the guide from here.

Thank you for your understanding!

Hi Quique_Boliches,

If you want to change the post content width you must use a single post template from tagDiv Cloud Library, this can be edited with tagDiv Composer -> https://i.imgur.com/SI6oA9I.png also you can try a custom css like this one -> https://i.imgur.com/hl2uoyC.png
.single .tdb_single_content p {
max-width: 95%!important;
}
This will increase the max post width. The code need to be set in theme panel> custom code> custom css.

Hope this will help you!

Hi gumball44, the thing is that for me is loading only the amp version on mobile, I’m somehow redirect to the amp version.
Please remove the above css and try this one
.td-post-featured-image amp-img {
margin: 0 0 -8px 0;
}
Hope this will work better.
Let me know the results!

Hello !

The caption seems to be an error. Please provide a link to your website in order to have a look.

If you want to have more control over the blockquote, you must use a custom css, for example if you want to change the color -> https://i.imgur.com/NeWMJQ8.png
.td-post-content blockquote p{
color: red;
}

or if you want to change the Blockquote align -> https://i.imgur.com/DgMqKwW.png
.td-post-content blockquote {
text-align: left;
}

This code need to be set in them panel> custom code> custom css.

Hope this will help you!

Hi rtws, as I said before that demo has a class set in theme pane, when you install that demo you’ll have that extra class with css to, therefore when the demo is uninstalled/change the class can code will be removed.
Please provide me a link to your website and I will provide a custom css that will work on your current install.
Thank you!