- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Unfortunately, this advanced css code has not helped.
Thank you for your help! Your css-code is much simpler and cleaner.
Best regards
Hi again!
I’d like to take away the “back to top” button.
I’ve searched the forum, but only found ways of hiding it, via css code.
Is there a way to disable it completely, not only hiding it?
Thank you!
Hi,
Unfortunately that can be done only with custom css.
For that you can try this code
body, body .td-container {
background: #6093cf;
}
Just replace your code with this one and it should work.
Thank you for your understanding!
Hi,
1. I just made a test and for me, the post with smart list works fine => https://www.screencast.com/t/VycKYZJCCu80 -> https://www.screencast.com/t/bb7Cyb7w9O1W
Please provide more details about your smart list settings that you made, some screenshots.
2. If I understand correctly you want that featured image from post with a smart list to display the featured image only on blocks/grids and not inside the article, if it is so, then you can achieve this on a standard post template without a featured image ( style 5 or style 12 => https://i.imgur.com/g7bmCx5.png), or with a featured image using a custom code CSS to hide the featured image inside the post or a better option is to use a single post template special for a smart list from tagDiv Cloud Library => https://www.screencast.com/t/9MxUbtMt9 where you edit the layout using the tagDiv Composer and remove the elements that you don’t want (the featured image)
3.Yes, you can view all the smart lists templates by checking our article from here -> https://forum.tagdiv.com/smart-lists/
Also, this is a link directly to our live smart list-style -> https://i.imgur.com/srn2OYg.png -> https://demo.tagdiv.com/newspaper/smart-list-style-1/
Thank you!
Hi there
I try to have the text inside a quote block aligned left instead of the standard center-align.
I didn’t find any settings for that in the theme. So I assume I have to add some lines in the custom CSS section of my cloud template for that kind of posts. However I can’t find out which class to use.
Here’s what I tried:
.tagdiv-type blockquote{
text-align: left!important;
}
(also tried with .tdb-block-inner blockquote p)
What do I need to change here?
Thanks for helping
Hello,
Yes I have tried to set the backround in the theme-Options as you have shown it in https://i.imgur.com/fRM6KB8.png
But this only changes the background outside the boxed content. The url to the website is: https://wienersport.at/ I’ve marked the background-area I want to change in the following screenshot. https://imgur.com/a/xpof91P
I hoped there might be an option to do this within the theme-settings without messing aroun with css.
thank you for your work!
Hello,
This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/slYFHBpS8tr
.td-social-line{
display: inline-block;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Hope this helps you!
Thank you!
Hello,
Please try this code CSS
.home .fb-comments{
display: none!important;
}
Set the code in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/rfJpxYOUT3vS
Hope this helps you better!
Thank you!
Yes, I know CSS will apply for all h3 elements, may I know if there’s any way to let CSS ONLY apply for article content h3?
My website link
Hello,
1. To change the color of the “next” and “previous” buttons, edit with tagDiv Composer => https://www.screencast.com/t/XrzV38MS9 , select the block => https://www.screencast.com/t/gAgARDgi, and in the tab called “Style” you have settings for pagination => https://www.screencast.com/t/GRGrgUzxB1
2. To change the color on the icon for the mobile menu, you can edit it and set which color do you want => https://www.screencast.com/t/qtvwAymBODf , but if you want to change the color when the menu is open like this => https://www.screencast.com/t/OutN1mFpgBfg, you need to make the settings in Theme Panel -> Theme Colors -> Mobile menu/ Mobile search => https://www.screencast.com/t/aQj2hQ1y and to change the font go in Theme Panel -> Theme Fonts -> Mobile menu => https://www.screencast.com/t/HmDMTyJ5 -> https://www.screencast.com/t/i9f8iXcjR
3. To change the title select the block and in the tab called “General” you can set the title => https://www.screencast.com/t/DsoWsW4ka6Eb also, the color => https://www.screencast.com/t/HesQ9XdQ
4. That slide is customized, and to change the hover color you need to edit with tagDiv Composer => https://www.screencast.com/t/9NzcXNktYmAC select the element above the slide and in “Open CSS Editor” you can change the color => https://www.screencast.com/t/RTiayOJO
5. To change the background color on the slide you need to make the same steps => https://www.screencast.com/t/aMLfq6EXGyx for change the background on the AUTHOR / DATE / COMMENT / EXCERPT => https://www.screencast.com/t/cah6u5jvT19 all the settings are in the RAW CSS.
Hope this helps you!
Thank you!
If I apply CSS code for H3, it will impact my homepage article title and sidebar article title.
May I know how to fix it?
Below is my CSS
h3{
counter-reset: money;
counter-increment: section;
margin-top: 2.4rem;
font-size: 1.4rem;
line-height: 1.6;
}
h3:before{
content: counter(chapter) “.” counter(section);
color: #fff;
background-image: linear-gradient(45deg, #000000 0%, #000000 1%, #000000 100%);
box-shadow: 0 1px 4px rgba(0,0,0,0.3);
border-radius: 50px;
padding: 0.2rem 0.5rem;
margin: 0 0.8rem 0 0;
}
Hi,
Thank you for your help.
These are two completely separate things:
1. I like the post template 6 a lot, but I wanted Sliders on the top of the posts, and the standard template 6 only allows for images, not Sliders. Then, using the Clod Template composer, I built my own Cloud Template with a very similar design. One post, like https://test.wcta.com.br/mestres/chen-xiaowang/ for example, uses its own Cloud Template with the applicable Slider.
When I want another post with another Slider, I will just duplicate the template and change its name and the Slider slug in the correct field inside the template, and then use it for the new post.
This is working perfectlky fine. I don’t need any help with this.
2. I built my original Cloud Template with a similar design to post template 6 using the composer. All standard procedure. I was looking at it using Safari, and it looks perfect to me. When I checked the results usinf Firefox, it looked differently. Then I checked with Chrome, also different from Safari. You can see the difference in the very same post here: https://imgur.com/a/K2gMgkY
Since I didn’t use any custom css, and used only the composer, I believe this is a css glitch in the Newspaper Theme itself. It is completely unrelated to topic 1 above. A template was built with the composer that does not look the same in every browser.
I would expect your developers to easily solve what is shown in the last link above with some css fixes.
Thank you,
Eduardo
I am using Flex Block 1. Excerpt length can only be set globally, not for each viewport. The ability to set for each viewport would allow far better design. Is there some CSS code to achieve this – for iPad Portrait, for example?
Thanks
Mark Gilbert
Hi,
I’m not sure, maybe it is possible. Unfortunately, I do not have the right skills to know how to do this, for this you must have some developer skills and for support we can help only with css and guides for our theme.
Thank you!
Hi kappagram,
If this is what you need -> https://i.imgur.com/2MmRFke.png
Set the code
.page-id-11309 .td-header-style-3 .td-banner-wrap-full, .page-id-11309 .td-header-style-3 .td-header-menu-wrap-full { display: none; }
In theme panel> custom code> custom css.
Hope it will help!
Hi rogerdirp, depends on the demo that you are using, if there is no extra css class on body -> https://i.imgur.com/WewImyg.png if there is no class then you can use the options from theme panel -> https://i.imgur.com/fRM6KB8.png If there is set a class, then in most cases you need to use a css to overwrite the set code with that class. The css need to be place here -> https://i.imgur.com/mOZos7u.png
If you still some problems, please provide a link to your website to can inspect the code that you made.
Thank you!
Hello. There is no new line being created after the first paragraph of every post, and there is also no option to copy the CSS selector for the first paragraph of every post because of this. I’m trying to use the css Selector to create audio for Alexa, Google Assistant, and Siri, etc. for Speakable posts schema, but I’m unable to copy css Selector for the first paragraph which is one of the most important paragraphs for every post to make Speakable.
There has been no new line after the first paragraph of every post for a long time now.
Example post on TheAEGISAlliance.com
No new line after first paragraph of every post.
No CSS selector for first paragraph of every post.
Please help! Thank you.
I don´t have problems with mobile custom code. The menu does not appear, despite being configured in the mobile theme section. The share icons and default theme styles dont shows. You can see in the link. If I have to generate all CSS AMP code manually… What is the mobile theme needed for?
Thanks
Hy,
How can I change the background color of the content area properly,
I can achieve this with custom css with something like:
.td-pb-row, .td-pb-border-top, .page-template-page-title-sidebar-php .td-page-content>.wpb_row:first-child, .td-post-sharing, .td-post-content, .td-post-next-prev, .author-box-wrap, .td-comments-title-wrap, .comment-list, .comment-respond, .td-post-template-5 header, .td-container, .wpb_content_element, .wpb_column, .wpb_row, .white-menu .td-header-container .td-header-main-menu, .td-post-template-1 .td-post-content, .td-post-template-4 .td-post-sharing-top, .td-header-style-6 .td-header-header .td-make-full, #disqus_thread, .page-template-page-pagebuilder-title-php .td-page-content>.wpb_row:first-child, .td-footer-container::before
{
border-color: #d1e1f5!important;
background-color: #d1e1f5!important;
}
But how do I configure this properly via the Settings of Newsmag-Theme. I could not figure this out with the help of your documentation.
Thank you for your work and help!
Hello!
The CSS code you need to add in Newspaper -> Theme panel -> Mobile Theme -> Custom code.
Thank you!
Hello!
Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.tdb-title-text{
word-break: break-word;}
Let me know about your results!
Thank you!
The theme css not load in amp view. Mobile theme and AMP plugin are activated.
Hello,
If you have the mobile responsive version, then you can change the color with tagDiv Composer => https://www.screencast.com/t/0MeXw9Pp
But if you use the mobile theme plugin, then you need to use custom code CSS => https://www.screencast.com/t/uJA8F7xjLdf
.td-post-content .td_quote_box p{
color:red;
}
Set the code in Theme Panel -> Mobile Theme -> Custom Code => https://www.screencast.com/t/St204VtFl3NU
Hope this helps you!
Thank you!
Hello !
Please make sure to clear your browser cache, on Chrome is CTRL+SHIFT+R as you can see here the margin is on chrome too: https://www.screencast.com/t/KJLivF7Am37L
Please try this css code as you can see here: .td_block_wrap {
margin-bottom: 0px;
}
The code must be inserted in here: https://www.screencast.com/t/ey1aZnd3MgII
Thank you !
