Search Results for 'css'

Hello teknolojisk,

Unfortunately, I do not exactly understand what you mean, sorry! Provide more details about what kind of inline CSS is talking about here. Provide some useful screenshots with it.

Thanks for your understanding!

Hello amsam1979,

With what I can help you here is I provide a bit of CSS code which hides you the article top ad only for this post page.

The code is ->

.postid-1086 .td-a-rec-id-content_top{
display:none;
}

Please notice that if you want to create a new pot template for this regard, you should create it yourself because we cannot provide this type of services at the moment, sorry!

Thanks for your understanding!

Hello mskssk,

You should use a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-sub-footer-container .td-container{
margin-left: 0!important;
}

Thanks.

Hello amsam1979,

Please notice that the only way to add some ads to your post pages is to use the Articles Ads from Theme panel. Notice that option is a general one for entire website and if you want to use such an ads for some posts and not using for others ads you cannot do this but only if you will use a bit of CSS code to hide the ads for specific post pages. If you want to achieve something like that, you should provide your website URL and then you can specify on which kind of posts you do not want to have any ads and I try to provide a quick solution with a bit of CSS code.

Thanks for your understanding!

Hello,

Thank you for choosing newspaper.

1) Sorry but the blocks will not inherit the category tag color. The category tag color is working exclusively on posts in our theme. The color will only show up on posts like so: https://www.screencast.com/t/j4aBKZlEfg4z

2) Some of the modules have these options hidden as a design choice in order not to crowd up the small thumb. Modules mx25 and mx26 do not have the markup in the code added to them. If you need to activate the date and author on these modules you will have to modify the module files like so:
Copy this code:
<div class="td-module-meta-info">
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
</div>
And paste it like so: https://www.screencast.com/t/GvqQFZBGYN1
The same goes for module mx 25: https://www.screencast.com/t/3fzttC0lih

3) Thank you for your suggestion. We do plan on adding more and more features to the tagdiv composer. For now you can hide the metas with css for each module in particular. Here is a list of what module is used on which block: https://forum.tagdiv.com/theme-blocks-modules/

4) You can use the translation settings to change the name for theme elements:
https://www.screencast.com/t/O5OUFx0VB simply type the preferred translation in the right column.

Thank you!

Hello Gordon,
In order to make a full width element in the tagdiv composer, you can use the stretch row and content option like so: https://www.screencast.com/t/L3UNx72DeK
If you only want a background around your block, you do it by stretchin only the row and not the content and then adding a background to the row in the css tab:
https://www.screencast.com/t/0Dk025Y18
This guide should help you understand how the block settings work: https://forum.tagdiv.com/block-settings-tutorial/
Thanks.

Hi,

That is how the Recipes demo was designed. It is meant to have that margin on the top, with a specific media condition
– https://www.screencast.com/t/lxCOzu66h
You can remove it by entering this code in Theme panel->Custom Css
– https://www.screencast.com/t/m6sKd5wff

@media (min-width: 1180px) {
.td-recipes.td-boxed-layout #td-outer-wrap {
margin-top: 0;
}}

Or by editing the demo stylesheet directly and removing it form there
– https://www.screencast.com/t/kxwepDsELUif

Thanks

Hello Pierre Shapiro,

Please notice that is the default style for our Image Box element. All the available settings of it can be found here -> https://www.screencast.com/t/o7n7xKu5a Also, if you want to make some design changes to this element, you should do it yourself, using a bit of CSS code in order to achieve some good results.

Thanks for your understanding!

Hi,

This is how the Read more button link is implemented in a module that features it
– https://www.screencast.com/t/U9anLMNaAo
Block 4 uses module 2, you could copy the the code from module 11 inside this one, like this
– https://www.screencast.com/t/gmV6RzxD7
The result would be like this
– https://www.screencast.com/t/wNrd9ETGU7
Now you could add some margin for the button, since it has none
– https://www.screencast.com/t/EbRbD8M9SPR
The code must be entered in Theme panel->Custom Css

.td_module_2 .td-excerpt {
margin-bottom:15px;
}

Thanks

Hi,

You could achieve something like that by setting a margin for the body, and the background will display above the header as well. Like this example
– https://www.screencast.com/t/nDyaErBbvYgX
This is the code used in the example (you can modify the margin value as you want). If you decide to use it, enter it in Theme panel->Custom Css section

body {
margin-top: 300px;
}

Thanks

Hi,

There is no option in the theme for this, but you can try a code like this one
– https://www.screencast.com/t/e9kMlrpD1
It will increase the font size just for the socials displayed in the top menu (you can set the size you want in the code)

.td-header-sp-top-widget
.td-social-icon-wrap
.td-icon-font {
font-size: 18px;
}

Enter it in Theme panel->Custom Css section.

Thanks

Hi,

You could use a bigger image if possible, it should be responsive. If the container does not have a fixed width this is possible. In this example I used a simple link with a big image size, and it is responsive
– https://www.screencast.com/t/si4FUyFSC5iL
– https://www.screencast.com/t/Gt6dNX6K8
– https://www.screencast.com/t/B5usvfcWPW
You could also wrap the code with the div and classes that you mention, and create different ads for specific devices. These classes will work if you place them there, they have corresponding Css media conditions in the theme stylesheet.

Thanks

Hi,

We appreciate you thoughts on the theme. This modifications would not be as easy as you think. These elements were not designed to be displayed in other situations then their initial purpose. It would probably take much Css code (where possible to modify this way) to override the current classes and their values, and then set new ones.
If you would like to try this, here is a guide that you can use to identify the elements and their classes, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello sanket,

If you want to change the color for each anchor tag (link), you should use a bit of CSS code to do this.

The code is ->

a {
color:red!important;
}

Thanks.

Hello iMohitPahwa,

If you want to increase the top space you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.

.td-main-page-wrap {
padding-top: 0px;
}

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

Thanks for your understanding!

Hi,

You can chose a different block if you would like to have a Read more button. These are the blocks that currently have this option
– https://demo.tagdiv.com/newspaper/block-24/
– https://demo.tagdiv.com/newspaper/block-23/
– https://demo.tagdiv.com/newspaper/block-22/
– https://demo.tagdiv.com/newspaper/block-20/
– https://demo.tagdiv.com/newspaper/block-13/
– https://demo.tagdiv.com/newspaper/block-12/
The excerpt length can also be controlled in the theme panel
– https://forum.tagdiv.com/excerpts-introduction/
The font properties for the post title displayed on modules can be customized in general, or by module
– https://www.screencast.com/t/4U8nGJja
The excerpt can also be customized here
– https://www.screencast.com/t/Hg1gpyb2Yvo
For the color of the title and excerpt for that block, you can try a code like this
– https://www.screencast.com/t/izroDIlXVtR

.td_block_4 .td-module-title a{
color: #bf0c00;
}
.td_block_4 .td-excerpt {
color: #000;
}

Just enter it in Theme panel->Custom Css section. If you would like it to apply for all then blocks, remove the block class from the beginning of the code.

Thanks