- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi, you can edit it with tagDiv Composer, but you need to find the right settings, a faster way is with this custom css
https://i.imgur.com/zPtrud3.png
.contact-us.tdc-header-template .td-main-page-wrap {
margin-top: -88px;
}
Set the code in theme panel> custom code> custom css.
Hope it will help yoU!
Hi,
Please try this custom css -> https://i.imgur.com/vgYdEr0.png
.td-is-sticky:before{
content: "";
display: inline-block;
}
Set this code in theme panel> custom code> custom css.
Hope it will help you!
Hi,
1.Please try this custom css ->https://i.imgur.com/Syl71Bw.png
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a {
color: #14a96d;
}
Set the code in theme panel> custom code> custom css.
2. You need to edit that section using tagDiv Composer and add some more element there under Prepare To Be Inspired By Authors Like These” (if you made the page with WP Bakery, then edit it with this builder).
Thank you!
Hi,
This problem can be from the settings that you’ve made on mega menu using tagDiv Composer or from some plugins. A quick fix is this custom css
https://i.imgur.com/YWQ7dEy.png
.tdb_header_mega_menu .td_module_wrap:nth-last-child(-n+4) {
padding-bottom: 18px!important;
margin-bottom: 18px!important;
}
Set this code in theme panel> custom code> custom css.
Hope it will help you!
Thank you!
Hi,
Please make sure that if you are using tagDiv Composer, please make sure that this option is selected -> https://i.imgur.com/0QdcHYL.png
Another solution is to use a custom css like this one -> https://i.imgur.com/eUtmyHJ.png
.wpb_wrapper .td-a-rec .g {
margin: 0 auto;
}
This code need to be set in theme panel> custom code> custom css.
Thank you!
I have placed adboxes with the ads in the sidebar of the post page. The first three ads are alignd then there is a jump. I removed all and did place it a again tryed singel placement and dubilcate the box bud no effect.
template used – single-post-template-69-baby-pro
i dont want to css all the ads with -50 space.
Did the same on the homepage there its good no css it is just aligned.
Hello !
That can be done by editing the ROW layout and css as you can see and example here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=1s
Thank you !
Thank you very much Calin. I checked your css code.
I don’t need to change height of mobile thumbs. I only need to to “drag” up or down the picture inside of original size thumb. Picture has large hight size, so I should can to chose what portion of it I need to display in thumb height.
Thank you
Hello !
That should be possible to be adjusted using tagDiv Composer and some css adjustments as you can see in our guide here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=1s
Thank you !
I was able to make the change on the article template: http://www.wcevent.com/safety/be-ready-when-a-wildfire-ignites/
I want to change the category tags on the other pages to look like the ones on that page. However, I don’t have the same level of control over the other tags.
Within the modules on the home page, I was able to make some changes to the Flex Box 3 module and the Block 12 module, but some of the padding around the tags that still displays must be coming from somewhere else. I did try some custom css on the .td-post-category div, but again there is extra padding displaying. How do I make these category tags like the ones on the article page mentioned above?
Also on the home page, how do I make changes to the category tags in the Block 4 module?
How do I change them on the category and subcategory pages?:
http://www.wcevent.com/category/safety/
http://www.wcevent.com/category/safety/emergency-preparedness/
Hi, I am new to NewsPaper. I have been using Avada for a few years now but I really like your theme for its elegance. My question however is: can I not edit the home page using a backend editor? When I do that I see a bunch of weird CSS values and shortcodes. Do I have to use the tagDiv Composer to edit the home page? And by extension other pages as well? Kinda surprised by that. I am a software developer and would have liked more “control”.
Hi,
Hmm this is a strange situation, usually the problems are caused by untested plugin or custom code set in theme. Please make a test and disable all plugins except tagDiv plugins and check again also if you have some custom css/js code set in theme panel remove it until you see if the menu started to work again.
Let me know the results!
Thank you!
Alex N.
Hi,
You need to use tagDiv Composer and set a row then set the row layout -> https://i.imgur.com/RbbgXS4.png then you can select a column and set in css tab a border -> https://i.imgur.com/tUlNKLY.png also you can set the border on element that you want to use. Also you can set for column padding 0 like this -> https://i.imgur.com/iHN4IC2.png
Thank you!
Hmm, so if you keep the css code and remove the adsense code the sticky sidebar start to work ? if yes then it can be other problems, please make a full backup and send us an email at contact@tagdiv.com and provide admin login and cPanel. We will take a look. Include a link to this topic in the email.
Thank you!
Finally I get it, there was a 40 px margin in the search form element that it doesn´t appear in css option but I have seen it in firefox developing options.
Many thanks for your help.
Hi!
We modified the CSS to display WhatsApp share button in desktop version, but when we click share, a window opens but it remains blank.
Is there a way to share posts via WhatsApp in the desktop version of the website?
Thanks.
Hi,
If you are using the mobile theme plugin, the only settings that you can use are these from theme panel -> https://i.imgur.com/mITit4s.png
Unfortunately there is no option to change the modules size, what you can do is to use a custom css like this one
.td_module_mob_2 .td-module-thumb {
height: 248px;
}
This code need to be set in theme panel> mobile theme> custom code> css.
Thank you!
Hi,
1. The icons from menu in magazine pro were set using custom html and css for example -> https://i.imgur.com/C6U8BQ4.png another way to set icons is to use our guide from here -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
2. The miss align is because the the code for these elements is not find and is displaying as in your website, removing the html code from menu will be display like this -> https://i.imgur.com/UU0sE4O.jpg
3. That background is displaying only for devices with a resolution like 1164px.
Thank you!
Hi,
No change when we use this code unfortunately.
We were previously experiencing another problem with the right sidebar, maybe it’s related: it started to appear under the left sidebar and leaving a blank space where it should have been on the right. We only managed to fix it with this custom CSS:
.td-pb-row:before, .td-pb-row:after {
display: inline!important;
content: ”;
}
Could this be preventing the sticky function from working? But if we remove this CSS, the right sidebar once again goes to the wrong place.
Thank you for your help
Hi EdWest,
So you want to remove the background that is set on title then you can use css like this ->
.td-image-wrap:before {
background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0) 20%,rgba(0,0,0,0))!important;
}
This code need to be set in theme panel> custom code> custom css.
Thank you!
Hi,
Please replace the above css with this one ->
.td-footer-template-wrap .tdb-logo-svg-wrap, .td-footer-template-wrap .tdb_header_logo h1 {
margin: 0 auto;
}
I think that on homepage you have set a different footer because this one has set an h1 on logo and that was way the above css didn’t work for homepage.
Thank you!
Hi,
If I understand correctly you want to add some borders for these elements. If the page was made using tagDiv Composer then you can use it to add these borders like this, select the element in css tab set the border -> https://i.imgur.com/kW4H3YM.jpg results -> https://i.imgur.com/TWKNpWI.jpg
Thank you!
Hi,
There are two ways, you can set 1400px and in css tab set margin left and right 50 or set 1200px and in css tab set margins left and right with “-50” -> https://i.imgur.com/WFygzHx.png -> https://i.imgur.com/aiPa5ja.png
Hope this will help you!
Thank you!
Hi,
For the category template that you are using you can do this only with custom css, like this one: -> https://i.imgur.com/ntVDYbd.png
.td-category-header .td-page-title {
text-transform: none;
}
This code need to be set in theme panel > custom code> custom css.
Hope it will help you!
Thank you!
Hi,
The ‘go back up’ icon can be change only with a custom css:
-> https://i.imgur.com/tezHEow.png
.td-scroll-up {
background: black;
}
Also this is a loading image that has apply the accent color -> https://i.imgur.com/2borDAq.png
Thank you!