- 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
First, could you please tell me, where i can add CSS for AMP Pages? Thanks
Hi,
Unfortunately, Newsmag theme do not have an option to can stretch the footer to full with, sorry!
What I can do is to provide a css, that may help -> https://i.imgur.com/ONI7WQx.png
.td-footer-container{
width: 100%;
}
.td-footer-container .td-pb-row {
width: 1021px;
margin-left: auto;
margin-right: auto;
}
This code need to be set in theme panel> custom code > advance css in desktop zone -> https://i.imgur.com/eo7iIxO.png
Hope this will help you!
Any update or timing on the tool to remove unused CSS automatically?
Hey, my website is https://www.blackmediaskate.com.
I´ve set a background ad image, made the website boxed, including the header, and everything works fine.
The only thing I can´t do is: I´ve pushed the header down 250px via CSS, on the Composer, so the background image can show starting over the header. But the background is not clickable anywhere in the header zone. I can only click the background image below this zone, on the sides of the website body, and can´t figure how to solve this.
You can go to the website to see it live, the image is there right now. Anyway, here is a print of how it looks: https://bit.ly/3f9TBjZ
Can you guys help me on this one? Thanks!
Has anyone had success in adding custom CSS to set the text boxes to a fixed height? We are wanting to have the tops and bottoms of the “article” text boxes align in each section. It appears to be a browser window width issue. I can adjust the width of the browser window and get section by section to align, but not all at the same time.
The site can be viewed at xyz.ehubnetworks.com
Thanks in advance for any help or guidance.
Hello,
To hide the newsticker on the mobile you can select the phone viewport, select the element and in the tab called “CSS” you can select to display on hidden => https://www.screencast.com/t/bLcqHELkro -> https://www.screencast.com/t/Lhz8IJ4lj ->
https://www.screencast.com/t/msq5PPP7
Hope this helps you!
Thank you!
Hello !
That is because you have it built like that in html. You have to create other type of list in order to remove the bullet. CSS won’t fix this.
Thank you !
Hello @helderkamei,
Please provide more information about the settings you did and which don’t save and some screenshots.
Also, please check if you don’t have set a class of your prebuilt website from Theme Panel -> Custom Code -> Custom body CSS => https://www.screencast.com/t/PaTPxCC9A
Thank you!
Hello!
If this CSS code is generated by our elements, then you can not remove it unless you use a caching plugin.
Thank you!
Hello,
You can change the header background image with tagDiv Composer => https://www.screencast.com/t/9NCnIaZERkh select the row on the header menu and in the tab called “CSS” you can add/remove the Background Image => https://www.screencast.com/t/fwWK3AvGyA
Hope this helps you!
Thank you!
Hi,
Most of changes are not apply because the pre-build website that you are using has set an extra class on body with custom css that is overwriting most of theme settings to display.
To can use the settings from tagDiv composer or theme panel, you must go to theme panel> custom code > and remove that extra class https://i.imgur.com/ocnaoH7.png
Thank you!
https://thewatchpost.info/government-in-exile-vs-shadow-government/
am using Single Template – Pulses pro design, on the mobile layout the post contents are hidden.
I checked the css display settings, its turn on there.
Hi! Is there a way to remove inline CSS styles?
306 display:inline-block;width:728px;height:90px
311 display:inline-block;width:468px;height:60px
316 display:inline-block;width:468px;height:60px
321 display:inline-block;width:320px;height:50px
1169 display: block; visibility: hidden; border: 1px solid transparent;
1169 display:none
Hi there
There seems to be some CSS stuck into the theme settings and we can’t locate it and take it out. If you look at the source code of the homepage you will find this line:
background-image:url(“https://lm.lentus.com/wp-content/uploads/2019/07/Rotterdam-Receives-First-Ever-Blockchain-Container-1-300×125.jpg”) !important;
It seems to be stuck in the settings somewhere but we tried everything but can’t locate it. Could you please assist?
https://www.logistics-manager.com/
Kind regards
Floris
Can you please watch this very short video and let me know what CSS Code will work in removing
the bullets form the unordered list in the footer?
I tried styling it in the widget and in the Custom Code section in the theme panel and neither worked.
My site: www2.chinaworker.info
I use TagDiv composer.
I made a mega-menu. I can change the hover text colour on the titles of articles
But I cannot change the hover text colour of subcategory menu on left hand side
Image: https://ibb.co/sJ2m49M (I want to change it to red)
I also tried to add this code into live CSS editor. But it still doesnt work
.td_mega_menu_sub_cats .cur-sub-cat {
color: red;
}
.td-mega-span h3 a:hover {
color: red!important;
}
What is the most speedy setup in terms of loading time and loading size for the template?
– Cloud library
– Demo install
And which plugins do I need and which of them can be deactivated after setup of template like standard pack and cloud liberary?
As far as I understand … Cloud library is much faster than demo install, because the CSS files are only template specific and also I do not need to install standard pack to use the templates from cloud library? Also can I deactivate cloud library plugin after installing the different templates from the cloud library?
Best regards
Hello,
This can be achieved only with custom code, for example like this => https://www.screencast.com/t/sELJi957Xko
This is the code
blockquote:before {
color:red;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
If you like it, you can add the code in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Unfortunately, this has not made any changes. I have tried it with pasting in both Custom CSS and Advanced CSS. And the same has done either Custom CSS or Advanced CSS. No changes with the result for all the methods.
Hello, here is the image

While i was waiting for an answer, one more thing is occuring, css is being removed
when theme update is done. I remmember there is one line of code, that needs to be inserted but i am unsure, that was in the past. Can you checkup on this also?
Thanks
-
This reply was modified 5 years by
spawnjfk.
Hello,
This a screenshot with the code => https://www.screencast.com/t/UsCRt9teh and works.
Please set the code in Theme Panel -> Custom Code -> Custom CSS.
Let me know the results!
Thank you!
Hi,
Unfortunately, Newsmag theme do not have any options to change the mobile menu icon or to set it in other place. These can be done only with custom css.
Thank you!
Hi,
Normal to apply the code for inside the box, you need to remove this background color https://i.imgur.com/fWroOy8.png
If is still not working, the try the css for all elements:
body, .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 {
background-color: #d1e1f5!important;
}
Thank you!
Hey,
I wanted to customize the blockquote on my site, but I can’t do how I want.
But I want this style of blockquote
The ex. is from this page: https://www.stiridinlume.ro/politica/meghan-markle-la-prezidentiale-sua-2024-nu-sunt-un-fan-al-ei-mesajul-uimitor-al-lui-donald-trump-27378.html
Can you help me what code code I paste to Custom CSS?
Thanks.
Sry to bother you again. I copied your code with the right color:
body, body .td-container {
background: #d1e1f5;
}
But this css-code changes again only the background-color outside the boxed content. Please see the following screenshot. I want to change the background-color where the red arrow points to. Thank you for your help.
https://imgur.com/a/uT4Dzkp