Search Results for 'css'

Hi,

This is happen because you have set in them panel a custom css -> https://www.screencast.com/t/mAbshKIRk -> https://www.screencast.com/t/qIC1RxZkTU6K , please remove that custom css, and the title will reappear.
If you do not want to have feature image in post please chose a style without feature image -> https://www.screencast.com/t/HoaUI0mRpWsJ

Thank you.

Hi,

You should try using the media queries and target the exact width you want. Check more details on how it works from here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks for your understanding!

Hi,

1. Please follow this topic to remove the More from the author
– https://forum.tagdiv.com/topic/related-articles-remove-or-hide-more-from-author-newspaper-theme/

2. Use the code below and place it in Theme panel -> Custom CSS area.

.td-more-articles-box .td-post-author-name{
display:none;
}

Thanks.

Now it is working, at the moment of checking it was offline as seen in the screenshot. You don’t need to remove items from the top just to fix this. I presented two solutions above.

The CSS solution is like this – http://prntscr.com/me89fj

.td-header-top-menu .menu-top-container {
margin-right: 0;
}

Or stretch the top bar to a wider width in the theme panel as shown. You can try this or he CSS, each will work.

Hi,

You should customize your HTML table content to be fully responsive as you wish. Notice that our theme does not make this thing, sorry! Try to create your own custom CSS code using the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hi,

You need to set that code in Newspaper>Theme panel>Custom code>Custom css and add the classes were you want to apply this.
Here is an example -> https://www.screencast.com/t/2c7uQ59TvZx6 -> https://www.screencast.com/t/nzah3hMGWPgt
-> https://www.w3schools.com/csSref/css3_pr_font-face_rule.asp
Also please check our documentation for Font customization
-> https://forum.tagdiv.com/font-customization/

Thank you!

Hi,

Unfortunately, the theme does not have any such an option that allows you to do something like this, sorry! You need to use such a custom CSS code for example (padding-left and padding-right) to reduce the length of your post paragraph. Use the Inspector browser to create your own custom CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hi,

I think you want to change the space between menu and first block on the page if is so then you’ll need to set on the first row the margin top ‘-48’ https://www.screencast.com/t/fWpleU759Jw

Using css -> https://www.screencast.com/t/poM2zmAyHJ

Thanks.

Hi,

Unfortunately I do not quite understand for what elements on homepage you want to set the padding, if you want to set it for content here is an example with custom css -> https://www.screencast.com/t/02fcnwjFX
.home .td-main-content-wrap {
padding-top: 148px!important;
}

And here is an example using tagDiv Composer -> https://www.screencast.com/t/XSsq3SNSw5

Thank you for your understanding.

Hi,

In order to reduce the space between big grid flex you need to select the second grid, click on row, go to css and set margin top ‘-36’ like this -> https://www.screencast.com/t/OFOy09O2g

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

I tried both PHP and shortcode implementation for that plugin, the ratings appear but the design is broken in both cases, example for post template 2
– http://prntscr.com/mdnkbg

I then tried on a default WordPress theme, they look alright there (by the way the single template in a default wordpress theme has the same error you mention http://prntscr.com/mdnrna this may not be an error)
– http://prntscr.com/mdnry8

Seems the theme is applying some design to the post ratings, so it will need some CSS to make it look better – http://prntscr.com/mdnugv

This is the code for it

.td-post-content .post-ratings img {
display: inline;
}
.td-post-content .post-ratings img {
margin-bottom: 0;
}

Hi,

1. Please provide some more details and some screenshots or a link were I can inspect this problem.

2. If this is what you need -> https://www.screencast.com/t/HpEsFQQh
You can use this custom css
.wpb_text_column p {
text-align: center;
}
.wpb_wrapper .tdm_block_icon i {
width: 100%;
text-align: center;
}
Set the css in Newspaper>Theme panel>Advanced css>Phones
-> https://www.screencast.com/t/GfyeT7Faw

Thanks.

Seems there is a code that overrides the theme code for the span containers
– http://prntscr.com/mdn098 – http://prntscr.com/mdn0eu
Maybe this is coming from a child theme or the custom CSS section. Removing that code should preserve the width of the sidebar in sticky mode.

There would be no more need for such customizations in the code, now that the post templates can be designed with the tagDiv composer and cloud library plugin
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can preview the available single templates and even edit them to see how they are built and what can be done
– https://affiliate.tagdiv.com/#/load/Single

Hi,

Unfortunately for the moment there is no options for this in our theme, this can be achieve only using custom css, sorry.

Thank you for your understanding!

Hi,

For the moment you can not change background color using gradient for main menu, if you want to do this you need to use custom css.
We hope that in coming updates this to be possible.
-> https://www.screencast.com/t/wCDbXoQV9d27
Just set this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-header-gradient {
background-color: red; /* For browsers that do not support gradients */
background-image: linear-gradient(to right, red , yellow, blue ); /* Standard syntax (must be last) */
}
Also feel free to change the colors.

Thank you!

Hi,

Something like that could be done with CSS, for example – http://prntscr.com/mdlnrw
Enter the code in the Advanced CSS section of the theme panel, in the desktop field.

.td-header-style-7 .td-header-sp-logo {
margin-bottom: 60px;
}
.td-header-style-7 .td-header-sp-rec {
margin-top: -109px;
}

For the mobile case something like this – http://prntscr.com/mdlpgb
This time enter the code in the phones section of the Advanced CSS section.

.td-header-style-7 .td-header-menu-wrap {
margin-top: 60px!important;
}
.td-header-style-7 .td-header-sp-rec .td-header-ad-wrap {
margin-top: -114px!important;
}