Search Results for 'css'

Hi,

Unfortunately in order to customized the top bar you need to use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help with this please provide a link were I can inspect this problem and provide some information with what you want to achieve.

Thank you for your understanding!

Hi,

If that is a page you can edit the page with tagDiv Composer and set some margin.
For example
-> https://www.screencast.com/t/BebCjhGm -> https://www.screencast.com/t/4phacBQY8

Also you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hi,

The theme doesn’t have such a setting, the ad will be displayed permanently. Usually this could be done with CSS but in case of Adsense ads Google will not allow them to be hidden with CSS.

You could create a condition in the header template 6 file you are using. Something liks in this topic
– https://forum.tagdiv.com/topic/my-header-ad-are-not-in-the-middle-of-the-page/

The condition would be – if this is not post IDs -> show the ad
– https://www.screencast.com/t/oL6gb45vq
So the ad will not be loaded for those posts.

Or you could try using a plugin such as Adrotate, I believe that has such settings
– http://www.wpbeginner.com/plugins/how-to-manage-ads-in-wordpress-with-adrotate-plugin/
– https://ajdg.solutions/manuals/adrotate-manuals/

Thanks

Hi,

Please try this custom css
.td-post-content iframe {
height: 696px!important;
}
.td-post-content .su-responsive-media-yes {
padding-bottom: 100%;
}
-> https://www.screencast.com/t/aQJg44oIoHR

Hope this will help you!
Thanks.

Hi,

You could use a CSS that will not allow the links to break, like this
– http://prntscr.com/mbztnd

.sf-menu ul .td-menu-item > a {
white-space: nowrap;
}

Give it a try, it should work.
Thanks

Hi,

@mRelby This could be done with some CSS. Post a link to the website so I can try and create a code for it.

Thanks

Hi,

You could use some CSS to chnage the default black color, try this code
– http://prntscr.com/mbxryc
Enter it in the custom CSS section in the theme panel, use any color you want

.td_social_type:hover .td-social-box {
background-color: grey;
}

Thanks

Hi,

TagDiv Composer is a builder for pages and templates not for posts, please check our documentation -> https://forum.tagdiv.com/tagdiv-composer-tutorial/
You can use tagDiv composer to set a background color an a post template from tagDiv Cloud Library

If you want to set on the default post template you need to use custom css

Thank you!

Hi,

In order to get that element you need to use the Custom title and set some custom css on it, for example -> https://www.screencast.com/t/5btxdNoRYYs

Hope this will help you!

Hi,

You could add them with some CSS. Or maybe experiment within a cloud post template with the tagDiv composer – https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can preview and even edit the cloud post templates
– https://affiliate.tagdiv.com/#/load/Single

Most composer elements have a CSS tab where you can set borders for example
– http://prntscr.com/mbx2ig

If you need help let me know. Mention what exactly you want to do, a link to the location where you want to do it in the website will be helpful as well.

Thanks

Hi,

It can be done with some CSS, like in this similar topic
– https://forum.tagdiv.com/topic/how-to-move-menu-items/

So for example – http://prntscr.com/mbwt8i

A guide for the browser inspector here – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

If you need help with it let me know.
Thanks

Hi,

That placeholder can be disabled in the theme panel if needed – http://prntscr.com/mbwo4d
But some blocks/modules may not display properly if the placeholder is disabled. This may require additional CSS for styling, depending on the block you use. Let me know if you need help.

Thanks

Hi,

A setting fro this does not exist, only if you modify the code of the related articles module will it be possible. This is where you can find the module
– https://www.screencast.com/t/PayRp48bJ
The thumbs created by the theme are defined here – https://www.screencast.com/t/EqSt5MZl
You could use one of those thumbnails instead of the default one. Note that this may cause design issues with the related articles section, so it may require additional CSS.
Best to test in a local install and see what is needed according to the modifications you will make.

Thanks

Hi,

For that you need to use this custom css -> https://www.screencast.com/t/HNc5WvCCha
.single .td-element-style::after{
background: linear-gradient(30deg,#ff2d26,#ff2d26)!important;
// background: red!important;
}
-> https://www.screencast.com/t/LfBUhSK7

Hope this is what you need!

Hi Austenit,

You need to do it yourself through the code, using the Inspector browser to create your own custom CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!
Catalin L.

Hi,

Is look like there is a strong css that is apply over the inline css from iframe embed
Please try to use this custom css -> https://www.screencast.com/t/9ZON4e5beFe
.td-post-content iframe {
max-width: 50% !important;
}
Set the code in Newspaper>theme panel>Custom code>Custom css

Hope this will help you!
Thanks.

Hi,

Please release the above custom css with this one
.tdm_block_inline_image:nth-child(1) .td-fix-index {
object-fit: cover;
height: 250px;
width: 100%;
}

Hope this will help you to achieve what you need!
Thanks.