- 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,
I just checked your website and indeed I see that problem once on a post, but after refresh the problem was gone.
Unfortunately, I didn’t cache the problem again to see if the css is the correct one or if is something interfering.
Do you use some cache or optimize plugin? This problem is also happening when you are logged in?
Thank you!
Hi Greg45, can you please provide access to website to see when when you apply the css is no longer apply like on live css? If yes, then please contact us via email at contact@tagdiv.com and provide wp-admin access, I will check it as soon as possible.
Thank you!
Hi,
That page was made using tagDiv Composer or Bakery? Right now I see that there are 6 columns, but each of theme are 100% width (code that it is coming from Bakery).
I think it should be looking something like this https://i.imgur.com/pE2kkMx.jpg for this, please make a test and disable the Bakery.
If the page was made with that builder, then there are 2 solutions. To recreate that page in tagDiv Composer, or to try a custom css.
Thank you!
Hello,
You can simply hide the block for mobile from the tab called “CSS” -> https://www.screencast.com/t/K7OGi7As2Qw2
Thank you!
Hi,
You recommend using the default WordPress editor, Gutenberg.
The sidebar can be removed only from the files, for this, you need to go in -> wp-content/themes/Newspaper/editor-style.css and comment these lines of CSS -> https://i.imgur.com/DqjLdxU.png
Thank you!
Hello. I would like to know how to reduce or not load the css that the theme does not use, as seen in the screenshot it is 96%.
capture
Hello, I think you have a problem in the CSS since you use modifications from the mobile menu, check or deactivate the modifications in the test server or if you do not have them in the online one.
The fields are in the theme panel -> Custon code, check if you have codes.
Also check the mobile sections if you are using them.
For me it is wrong in the format since it does not adapt to formats below 769 pixels wide, it stays at that distance and for that reason you do not see it.
https://www.almouachir.com/
hello
i would to change my website from english to arabic for my people arabic so help me to find rtl.css file or create it
I have tried this css I found. To remove from category and keep on posts pages.
I found this info here but they are using different plugin
https://catchthemes.com/support-forum/topic/remove-simple-author-box-from-categories/
So I tried to use your CSS and added in the top suggested
#author-bio-box {
display: none;
}
.single-post .author-bio-box { display: block; }
It did not work. Still hidden from all pages. I want to show in my posts. But remove them showing in category pages.
I am urgent for this solution
Hi, let`s go
This is the print screen: https://ibb.co/MfP7KHt
This is the page: shorturl.at/kzIJ1
I`m using this code in the custom css but no success:
table td {
text-align: left;
vertical-align:middle;
}
Thank you
Hello
I have been supplied the following CSS from a misunderstood question
#author-bio-box {
display: none;
}
The request was for to remove the 3rd party author box from my category pages only. However, I have been supplied with CSS that removes my 3rd party author box from the whole website including posts, pages, everything
I only want this to apply to my “Category Pages” Only
The reason I want this is because I am using a 3rd party author box plugin. But for some reason it is showing in my “Category Pages” I’s should not be showing in these pages such as
category/technology/
https://www.technewsstage.com/category/technology/
I do not know why author box is showing in the category/technology/ like this
Hoping someone can supply me with CSS code to remove the 3rd party author box from these category pages only. And have them “Remain” in my post pages.
My last forum question mentioned I wanted it removed from category pages only. But I was provided with ‘Global” CSS for all pages on site.
Please provide the CSS code that will apply to “all category pages only”
And so it “Will Not” apply it to my posts
Hello
I think you have not read my question correctly. Which is a little bit frustrating.
You have provided CSS that removes the 3rd party author box from “ALL PAGES”
As I have written. This author box is showing up in my “Category pages” It should not be showing in a page such as category/technology/
The CSS provided removes the author box from all pages on the site and no longer shows in my posts “Where they need to be”
1. Remove the 3rd party author box from category/technology/ page
2. Must still remain in my posts
Why would this box be showing in category pages anyway? It does not do this on my site site
Hi, I have a table and the text is well aligned by default (left and middle). But the images inside the second column are aligned to the top and I want it to be aligned in the middle.
I tried inserting a class with the images and try to put in the custom css code:
.nivel {
vertical-align:middle;
position:relative;
}
It didn`t work, because I need those squares in the middle of the cell (not the center, just in the middle)
This is the url: shorturl.at/hipzR
I see.
Botha are using Newsmag theme, so I move the topic in Newsmag.
I think that you’ll like to look like this https://i.imgur.com/7t49tkG.png
Then add this custom css in the theme panel > custom code> custom css
.author-box-wrap .avatar {
float: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 9px;
max-width: 96px;
}
.author-box-wrap .desc {
margin: 0;
text-align: center;
}
I hope this will help you!
Hello,
To hide the author box, you can use this custom code CSS -> https://i.imgur.com/ooeu4hq.png
#author-bio-box {
display: none;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hello
I am using a 3rd party plugin for my author boxes.
My current site http://www.technewsstage.com is only a STAGEING site of my current main live site http://www.techbusinessnews.com.au
I have found that within my category pages EG. https://www.technewsstage.com/category/stories/ the author box from my plugin is showing at the bottom for some reason and I am unable to find or work out how to remove this.
Can you assist. This should not be showing and does not show on my current live site
Can some CSS or something remove it?
No custom changes in theme files just some css in admin panel. thanks.
Hello,
For the table please use this custom code css
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border: 1px solid #000;
}
For category, the links are undefined -> https://i.imgur.com/BY3sNw0.png please provide other.
Thank you!
Hi,
The code was for entire website where was injected that code. If you want to be only for the header, then you can try it like this -> https://i.imgur.com/VzscXz5.png
.td-header-template-wrap .td_block_wrap {
margin-bottom: 0;
}
Like you said, there are elements that by default have set a margin or padding and all elements have in tagDiv Composer a css tab from where can be adjusted. For example this https://i.imgur.com/OFEZBRz.png is a margin -> https://i.imgur.com/CsOlY71.png
I hope this will help you!
Hi muktipolice,
If this is on Newspaper and you are using cloud templates, then you can edit the single post template with tagDiv Composer -> https://i.imgur.com/gIzCOSv.png -> ad the author box under the next prev element -> https://i.imgur.com/dh3fqfy.png also the borders can be set in css tab per element -> https://i.imgur.com/JB0aR92.png
I hope this will help. If there are still some problems, please provide some more details and some screenshots.
Thank you!
Hi sloope,
The elements mentioned by you have different structures, one of theme it is use the image as background, using css, and the other one is using the image using the img element as an html.
So to use the single image and to make squares layouts, then the images should have a squares size.
Thank you!
Thanks for your answer. I really appreciate it.
Another followup question, though. If I add the code to the Custom CSS in the Theme Panel, will this only change the padding for the headers? Or will this apply to every element?
While designing my page with tagDiv for the first time, I noticed that some of your elements have a bottom padding built in. Therefore, when I used those elements, I simply compensated for this padding with CSS of my own on each element separately. For instance, I would set padding at the bottom to -40, or something like that. From the code you gave me above, I don’t see anything specific to the header. So, will this just fix the header extra padding, or will this apply to all the tagDiv elements that have a padding built in?
Hi,
Unfortunately I do not know what will take to implement those features, but I think that for a developer is not so hard.
Indeed the option it is using the category style. Unfortunately for the moment there are no individual settings for what you required, but this can be done with a css like this one
.td-module-meta-info .td-post-category.td-post-extra-category {
cursor: default;
pointer-events: none;
background: none;
color: gray;
font-family: arial;
font-size: 14px
}
body .td_block_inner .td-module-container:hover .td-post-category.td-post-extra-category {
background: none;
}
The css can be adjusted after your needs and it need to be set in the theme panel > custom code> custom css.
Thank you!
Hi,
I just checked your website and it looks that it is still deliver from the cache -> https://prnt.sc/75Ba8CMwnDpj
Also, something it is setting the css inline https://i.imgur.com/TOc59Zk.png I think that it is from some settings from the cache. It looks that almost everything it is coming from the cache -> https://i.imgur.com/kXztTol.png and if this problem is not happening when you are logged in as admin, thing the cache is the problem.
There are some cache plugins that even if you clear the cache or disable the plugin, the cache is still persisting, usually it is coming from a cache folder that was made.
Thank you!