- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Thank you. But how do I add custom css changes to entire column or row?
Say for example I want to create my own box-shadow through custom css (and not in properties like in your screenshot), how do I target the entire column or row? Is it possible? Same with adding my own custom box-shadow for element. It’s not clear how to target the element specifically.
Thanks.
Except for this :
– Second, the class=”td-category-title-holder” is huge and covers the top of the content. We tried differents CSS tricks but none have worked ?
Dear support,
i’m trying to build a page with page builder using “pagebuilder + page title” model.
I don’t want to show the page title but only breadcrumbs because i want to have the full control of h1 tag title (SEO purpose).
I’m trying to edit theme files page.php without results, i can’t hide it with css because it remains in page source.
There is a way to show only breadcrumbs or to delete h1 tage from source?
Thanks
Hi,
We are in the process of having our site (https://monimmeuble.com) evolving from 9.0 to 9.8.
One of our problems is dealing with the categories template.
– First on page https://monimmeuble.com/actualites/theme/immobilier you can see the subcategories under the Category tittle and you can click on them. But next category https://monimmeuble.com/actualites/theme/Construction-travaux the links with the subcategories are not working ?
– Second, the class=”td-category-title-holder” is huge and covers the top of the content. We tried differents CSS tricks but none have worked ?
Thank you for your help
Hi,
Make sure that you set the link for Bootstrap here -> https://www.screencast.com/t/JmTV3kHxr
For me this css is apply, but there is not a big difference.
Thank you!
Hello !
As you can see here you have set margin on the header: https://www.screencast.com/t/va7mL3RaG3 You will have to edit the header using the tagDiv Composer, go into the CSS Tab and there you will be able to set the margin to 0. https://www.screencast.com/t/GWmV1RZsl4 The same problem for the logo too.
Also please note that support team is answering the topics from latest to newest. So if you keep replying to your topic you only make the waiting time longer.
Thank you !
Hello,
So if you want to disable that option for more article box on responsive version of theme, you need to set a custom css in theme panel -> http://prntscr.com/oxyzps
.td-more-articles-box {
display: none;
}
Hope this will help you!
Thank you!
Hi there! I’m just getting used to customizing this theme. Lots of fun! I have a question about “striping” or alternating background colors of table rows to make them easier to read. I tried using the “table-striped” CSS from Bootstrap in the custom CSS option as well as directly in the Theme Editor. I also put the bootstrap.min.css CDN in the header. Do you know why it does not work or if there is a way to style the tables with Newspaper? I pasted the CSS for table-striped below just for reference. Thank you.
table,
th,
td {
border: 1px solid rgba(0,0,0,.12);
}
.table-striped,
.table-striped th,
.table-striped td,
.table-classic,
.table-classic th,
.table-classic td {
border: none;
}
.table-classic th,
.table-classic td {
border-bottom: 1px solid rgba(0,0,0,.12);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color:#f9f9f9;
}
Hi.
We’re having a problem with an image not being contained in a container. Each time we change the picture, it moves our horizontal line down and up. Is there a setting like ‘contain’ that we’re missing (or some CSS that would fix it)? We’re using Flex Block 3 to display 1 post with category ‘cartoon’. We need to be able to post these pictures through a ‘post’ rather than a fixed image.
Screenshots:
—
https://www.dropbox.com/s/s99w9xcpk0muigk/Screenshot%202019-08-26%2012.15.02.png?dl=0
https://www.dropbox.com/s/fhnyb6uposy3l0c/Screenshot%202019-08-26%2011.49.03.png?dl=0
https://www.dropbox.com/s/s613octjjr2x9lt/Screenshot%202019-08-26%2012.11.28.png?dl=0
https://www.dropbox.com/s/qt02ui872h249ca/Screenshot%202019-08-26%2012.11.02.png?dl=0
—
Can you please assist?
Many thanks again. Best theme on the market!! 🙂
—
I tried custom css code you provided.This code helped but for the time being. I mean to say that after logging out the wordpress admin this code stops working. I dont know why its happening.. Plz suggest something..
Hi,
I have setup mobile theme for my website mydimosio.gr.
Although it looks great on mobile, it looks bad on tablets (both portrait and landscape). For example, the three images of featured posts have very small height. Can I use the PC theme for tablets? If not, is there any way to change the height of images (on tablets) with CSS?
Also, the only point to add content on mobile home is after the featured posts, before the post listing. Can I add content above footer?
Thanks.
Hi Vlad,
Copied this to Theme panel->Custom code->Custom CSS section and it didnt work.
Any ideas on how to fix?
Also need the text in capitals please.
Hello !
Please try this css fix and let me know if this was helpfull:
.tdb_single_comments .form-submit input[type=submit] {
background-color: #262362;
}
Thank you !
Hi,
The icon for menu and search do not appear because have the color set to white, if you are using the mobile theme, you can change it using the settings from theme panel > mobile theme > Theme color -> http://prntscr.com/oxjkom -> http://prntscr.com/oxjlaz or using this custom css -> http://prntscr.com/oxjjdo
#td-top-mobile-toggle i, .td-search-icon i{
color: #111;
}
This code need to be set here -> http://prntscr.com/oxjlpg
Hope this will help!
Thank you!
Hi,
If you want to hide the category tag from specific modules/block, then you can check the options from Theme panel> Block settings > Category tag on modules/Blocks -> http://prntscr.com/oxja5z you can check more about this in our documentation from here -> https://forum.tagdiv.com/category-tag-on-modulesblocks/
Or if you want to hide only the category that from “Related articles” then you can use this custom css -> http://prntscr.com/oxjbbi
.td_block_related_posts .td-post-category {
display: none;
}
Thank you!
Hi,
One way would be to use an iframe embed – https://www.quora.com/How-do-I-embed-content-from-other-sites-external-webpage-section-of-a-page-in-my-WordPress-page
– https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies
But this will embed the whole page, with CSS you could try and position the iframe to display a specific location from the embedded page – https://css-tricks.com/forums/topic/iframe-xy-positioning/
Like in this quick example (made with the example from above -CSS tricks)
– http://prntscr.com/nyc2u3 – http://prntscr.com/nyc39w
Something like this can take some time to do however. Maybe there are other ways of embedding specific sections from other websites in page.
THE COMPLETE GUIDE TO EMBED ALMOST ANYTHING IN YOUR WORDPRESS SITE -> https://optimizerwp.com/wordpress-embed-guide/
Or maybe you can use a plugin for embed external pages.
Thanks
Hello,
because your background ads is too entry level, i have created my own custom code for this purpose
<div style="position: fixed; top:0px; left:0px; z-index:0; width: 100%; height:100%; ">
</div>
With my old theme was all ok, with your theme i have problem for z-index.
How can I to edit z-index so code above is clickable ONLY out of main body (header and the other section)?
What is general z-index or whats is main css of full website body?
Thank you.
I have read some tips in your tutorial, and I have some doubts:
1.-Is it a good idea to install the TagDiv SpeedBooster plugin? I have read that you can choose to set the JS and CSS at the end of the page load, but this tool generates a lot of incompatibilities with other plugins…
2.-Do you recommend using WP Super Cache? I have read that not everybody sees the changes in the web with it…
3.-Ajax question: I also have read that to speed up the site is by disabling the Heartbeat API. And doing this with the Heartbeat control plugin (really set the time interval of 60 seconds). Do you recommend this technic and this plugin?
Thanks for all.
Hi @brael,
Using the html code to add a custom google fonts is not very recommended because if you’ll make a theme update and the code is not set in a child theme all changes will be lost.
If you still want to add the style in theme files, you’ll need to set the code in child theme in css file -> http://prntscr.com/oweugr -> http://prntscr.com/oweuro -> http://prntscr.com/oweuxj -> http://prntscr.com/owev2e -> results -> http://prntscr.com/oweve6
Also this can be achieve with out child theme, but the code is set in theme panel like this -> http://prntscr.com/owew8g -> http://prntscr.com/owew1t
Hope this will help you!
Thank you!
Hello !
The footer does not have a shadow as you wish so we have to recreate it. You can try and edit the box shadow generator here and copy the code: https://www.cssmatic.com/box-shadow
You have to copy only the Box Shadow code after you have finished creating your shadow.
Thank you !
Hello !
Please try this CSS code and let me know if this is helpfull: .td-footer-wrapper {
box-shadow: -1px -15px 12px -5px rgba(0,0,0,0.75);
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
As you can see here this white space comes from your google ads iframe: https://www.screencast.com/t/r42CGMO9iF7
We can offer a css to hide it if you want but we suggest fixing it since the ads may be a source of income for any website.
Thank you !
Hello !
In order to edit your column and row you will have to use the tagDiv Composer and hover over the block and you will see this option: https://www.screencast.com/t/DzpMJZlC After that you can see this CSS options.
Thank you !
I want an easier way to highlight a menu item, than create new header. How to do that. It is not possible to add CSS to menu with newspaper theme, which would be one workaround to this.
Hi, how can I target an entire column of elements? If I have 3/4 setup for example and I want to target the 1/4 column. There are multiple elements in that column.
Say for example, to change the background colour of the entire column?
Or to put box-shadow effect around entire column.
____
Oh and in addition to this, how can I add box-shadow effect to one element? When I look at css, there is always a random number associated with that element. I will be changing that element often but it will be in the same position and I don’t want to have to keep finding out the random number for that element in each time.
Thankyou.