- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
In order to add some css for tables to AMP you need to edit the style.php file from amp plugin, so you need to go in wp-content/plugins/amp/templates/style.php
If you want to ad the css for mobile amp you can set the code directly in Theme Panel>Mobile theme Custom code>CSS
-> https://www.screencast.com/t/IJmq2e0mK
Thank you for your understanding.
Hi,
The css file of the theme is getting pretty large now, it’s 1 Mb now…
I do like the possibility to have several block options, and all kind of differents options of this theme. But is there any solution for make this a smaller one and I don’t mean a minified version. I mean I only use some modules, but 80% of the different kind of modules and templates I’m not using. So is there a smart way I can not load the extra css…
Or can you set up the whole thing differently… Load extra css, when you activate an option.
I liked the theme, but over the years this is getting too big.. and I would rather not change the theme.
Hope you have a solution for this.
Kind regards,
Arno
Hi,
In order to achieve the page width of 900px, you’ll need to set on row in css the margin left and right auto and the width 900px like this -> https://www.screencast.com/t/UgCqh4uoGUVK also for post and category you’ll need to use the tagDiv Cloud Library and set in those template the row with margin auto and width 900px.
Thank you!
Hi,
If you want to hide a sidebar for a specific page, you can do this with a bit of CSS code. First of all, you need to find the page ID and then add the display: none; property to your element you want to be hidden. This is an example for a category page -> https://www.screencast.com/t/RrvMApfs4xRq
Thank you!
Hi,
Please check the solution provide in this topic -> https://forum.tagdiv.com/topic/fix-for-autoptimize-aggregate-css-files-breaking-amp/
Thank you!
Hi,
This demo have a a special class and you need to set that color on that class.
-> https://www.screencast.com/t/qvj9RXCkCsy
.td-journal {
background-color: lightblue;
}
Feel free to change the color.
You need to set the above custom css in Newspaper>Theme panel>Custom code>Custom css
Thank you for your understanding!
HI,
For this you can use this custom css ->https://www.screencast.com/t/alAUMJ8z7
.td-review .td-review-desc{
font-size: 25px;
}
Set the size you need and set the code in Newspaper>Theme panel>Custom code>Custom css.
Thank you!
Hi @abarrell,
Please prove me a link were I can inspect your website, in this way I will be able to provide you a custom css that will hide your sidebar on mobile version.
Thank you!
Hi,
Try the code below and place it in Theme panel -> Custom CSS area.
.comment-respond #reply-title, .comment-respond .submit{
text-transform: lowercase;
}
.td-menu-item a, .widget_search span, .td-post-source-tags span, .widget_blog_subscription span{
text-transform: lowercase!important;
}
Thank you!
Hello Guys!
With the old Tag Div AMP plugin we had located the location to put custom CSS in the style sheet with your help as we wanted to make our tables responsive in AMP.
https://forum.tagdiv.com/topic/where-can-i-locate-the-amp-css-style-sheet/
Now that the theme is using a new plugin (Official AMP for WordPress) the changes have been lost.
Could you please let us know how we can put custom CSS?
Regards
Ashutosh
Hi, I need some help hiding a sidebar on a specific page using custom CSS.
Newspaper V 9.6.1
Current PHP version: 7.2
WordPress 4.9.8
Thanks,
Scott
That did it! I also see that a hex value will work. Thank you! Thank you! Thank you!
.td_module_10.td_module_wrap:hover .entry-title a{color:#840f00!important;}
One more question: how do I set the NON-hover color? In the CSS code line, what word is used in place of the word “hover”? Thanks
.td_module_10.td_module_wrap:hover .entry-title a{color:#840f00!important;}
-
This reply was modified 7 years by
steve@tvstrategies.com. Reason: thanks and one more question
I see you have supplied a diagram – many thanks – but I don’t see Link CSS editor in my Edit Posts window. And would I have to do this for every post?
Hi,
You’ll need to set the code in Newspaper>Theme panel>Custom code>Custom css.
Thank you!
Hi,
Please notice that writing multiple times in the same topic only delays the answer. In order to get a fast response, please write once and wait for an answer. We answer from oldest to newest so if you keep posting, your post is moved to fresher ones thus receiving the answer later until we answer all posts before your last reply.
In order to align the DMCA please use this custom css
.td-ss-main-sidebar .textwidget p {
width: auto;
text-align: center;
}
-> https://www.screencast.com/t/oVIdbHTU1
Set the code in Newspaper>Theme panel>Custom code>Custom css
Thank you for your understanding!
So, I had a little different thing in mind…and it’s *almost* working, but I’m pulling my hair out here. LOL. https://www.hownottosail.com/wp-content/uploads/2019/04/Pasted_Image_4_16_19__09_15-copy.jpg
It works perfectly in Inspector to say:
.td_uid_7_5cb55c653a7ce_rand .block-title:after {
content: url("https://www.hownottosail.com/wp-content/uploads/2019/04/podcast-arrow-e1555420046659.png") !important;
}
…but it doesn’t work in Theme Panel CSS.
I *can* get *every* block title to display the arrow after but doing this:
.block-title:after {
content: url("https://www.hownottosail.com/wp-content/uploads/2019/04/podcast-arrow-e1555420046659.png") !important;
}
…but I can’t get it to work with the specific .block-title only.
I’ve tried both ::after and :after, using double, single, or no quotation marks around URL, http vs https, you name it…
What am I missing here, Catalin? Thanks!
-
This reply was modified 7 years by
finester11. Reason: added steps taken
Thanks, Calin – if I want to use your custom css, where do I put this?
Hi,
Please replace the above custom css with this one
.tdm-header-style-2 .td-affix .td-main-menu-logo{
display: none;
}
.td-header-menu-wrap .td-affix {
height: 50px;
}
.tdm-header-style-2 .td-affix .menu-main-header-menu-container , .tdm-header-style-2 .td-affix .header-search-wrap {
margin-top: 3px;
}
-> https://www.screencast.com/t/fejB5df9s
-> https://www.screencast.com/t/onGh5RQW
Thanks!
Hi,
Please notice that the speed of your website depends on how well your site is optimized.
Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Another useful guide for increasing the page speed can be found here -> https://kinsta.com/blog/google-pagespeed-insights/
Lately, Google Page Speed Insight seems to change the layout and is not always reliable.
For minify CSS you can use this online tool -> https://www.minifier.org/
Thanks for your understanding!
Hi,
Please try using the code below and place it in Theme panel -> Cusotm CSS area.
The code is here ->
.td_module_10.td_module_wrap:hover .entry-title a{
color:red!important;
}
Thank you!
Hi,
Please check this article about Adding External Link Indicator with CSS -> https://waaz.xyz/adding-external-link-indicator-with-css/
Hope this will help you!
Thank you!
Can you tell me what CSS to add the graphic https://www.hownottosail.com/wp-content/uploads/2019/04/podcast-arrow.png *only* after the blue “start here” block title for podcast section at http://www.hownottosail.com ? I can get it to work (appearing to the right of the title box, pointing down) for all block titles, but can figure out the selector syntax to choose just that one… Thanks!
Recently I changed my Schema theme to Newspaper 9. In the old theme, DMCA badge has been aligned to the center using custom CSS. The process is done by the theme developer. I want to know how to align the DMCA badge in the center in Newspaper 9.
My Website – https://www.wikihelp.in/
Screenshot – https://www.screencast.com/t/fPuKXnYEUjy
Hey guys,
I want to make the logo for header style 3 a little bit larger. I know ideally I would choose a different header style, but I don’t want a different one. I’m also not using tagdiv composer so I don’t think I can use the header builder. I found a topic about the same problem and you gave the following code to fix it:
.td-header-style-3 .td-header-sp-logo img {
max-height: 120px;
}
And later
.td-header-style-1 .td-header-sp-logo img {
max-width: none;
}
But this doesn’t do anything for me. Could you have a look at my website and tell me with what CSS I can make the logo just a bit bigger?
LINK: https://bit.ly/2Gosjol
Thanks!
Hi,
Please check the page with TD Composer and remove it from your homepage or you can use the below quick solution to hide it from such a custom CSS code.
.home blockquote{
display:none;
}
Thank you!