- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
In our theme you can use custom css and tagDiv Composer ( on pages and templates) to hide elements/blocks on -> https://i.imgur.com/T30e5sU.jpg
Also you can check our documentation from here: -> https://forum.tagdiv.com/newspaper-theme-documentation/ and here -> https://tagdiv.com/category/documentation/
Thank you!
Hi,
Unfortunately for the moment there is no option for fonts links on single post template, you can achieve this using custom css
.tdb_single_content p a {
font-weight: bold;
}
Thank you!
Hi,
great theme and I just bought second license for my other website.
This time I need to build some extra theme elements by myself. My previous theme used Bootstrap and building responsive elements was pretty easy. Now with your theme, I don’t understand your style.css exactly. Especially when it comes to the responsive grid part. E.g. how is it possible to hide elements, when a specific screen size is reached? Just one question…
Do you provide detailed docmentation of your style.css somewhere? Can’t find anything.
Thanks and best regards, Bernd
Yep, I tried to put critical css, and that was not working well, go check the other topic, I say I have no dependancies with standard pack, it’s deactivate.
Hi,
The logo is in that place because it is set a margin on it -> https://i.imgur.com/mdfBHzK.png
If you want to set it on the left you can use this custom css -> https://i.imgur.com/fANZ1q8.png
.td-header-style-1 .td-header-sp-logo {
margin: 28px 28px 9px 0px;
}
.td-header-style-1 .td-header-sp-logo img {
margin-left : 10px;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
I found a way to resolve this, but I dont know if there is a better way without without having to use custom code. Not sure if this is attainable using the composer or not.
I added this to custom css:
#td-outer-wrap {
margin: 0px;
}
Hi,
i’m looking for a way to past my custom code css for amp directly to the roots of my website ?
Where can I find the this folder ? Or do I need to create a kind of child amp css file ? or maybe it’s already exist ?
thank you
kind regards
Hi,
We recommend to use the theme builder, please deactivate the WPBakery and the layout will change.
Please try this custom css
.td-main-sidebar{
display: none!important;
}
The code need to be set in theme panel> custom code> advance css> phones
Thank you!
Hi,
I want to follow this tutorial for critical css, but I need some help.
https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option
Thank you
Hi,
No the page and category must have a different url.
You can use a custom css to remove the clickable links from categories, just provide me links for the categories that you do not want to be clickable and I will help you with the css.
Thank you!
Hello !
For autoptimize you have to enable ONLY Optimize javascript, HTML, CSS. The aggregate options will affect your cache.
Thank you !
Hi,
In order to align the title with the text please set this custom css in Theme Panel> Custom code> Advance css > Phones
.td-post-template-6 .td-post-header-holder {
padding: 10px 20px 0 20px;
}
The results should be -> https://i.imgur.com/7pNOkMr.png
Hope this will help!
Thank you!
Hi,
If you want to hide the comment counter only from the block 11 then you’ll need to use a custom css
.td_block_11 .td-module-comments{
display: none;
}
The code need to be set in theme panel> Custom code> Custom css.
Or you can use the option from theme panel for all blocks -> https://i.imgur.com/ayy99LS.png
Thank you!
Thanks.
For the header background color – what I mean is that the background color of the (set by clicking on Row > CSS > Background) expands past the body container, as shown in your example above. I previously used the Header Style 6 where the gray background of the site went all the way to the top of the page on all viewports. Right now the desktop view has the background color expanding past the body container.
For the logo – it’s an image. In my current site, using Header Style 6, the logo is smaller than using Cloud Template 6 for some reason (and looks better with more white space around it). Is there any way to resize an image logo so it stays centered?
Thanks again!
Customize Edit template 00 Comments in moderation New Edit Post Theme support Live CSS
When I click EDIT post I only get a blank page. This has been all day- not sure why? I am unable to edit any posts.
https://zazenyoga.com/wp-admin/post.php?post=1087&action=edit
Nothing but a blank page.
Hi,
If you want to keep the header style, I can help you with a custom css, please provide me a link to can create the css.
The elements that you try to hide using WPBakery Is very possible to not work, in the latest version there are some problems between tagDiv Composer and WPBakery, sorry for the inconvenience!
If I understand correctly you want to have different widgets on mobile, if is so then you need to add on each widget a class for mobile and set on it a display: none, or if you want only the sidebar to be remove on mobile version then I can help you with a custom css, just provide me a link.
Thank you!
Hi,
Unfortunately we did not tested the peepso plugin and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry! Also, we cannot provide support for untested plugins.
Also that code should affect only the weak css for widget class.
Thank you!
Hi,
Please try this custom css -> https://i.imgur.com/4TfE7RP.png
.td-business.home .td-business-home-row .td_block_weather .td-weather-header .td-weather-city {
text-transform: capitalize;
}
The code need to be set in theme panel > custom code> custom css.
Hope this will help you!
Thank you!
Hello,
Mega Menu in this template does not suit me, I need a mega menu with columns in the center of the drop down not in the far left with the pic posts in the right side like it is now. Something like this one http://www.sport24.gr
Can I made this mega menu like I want or do I need to install third party? Because some of the third party I tried doesn’t blend well with this template i need to custom Css the margins of the container, my logo conflicts with them, mobile menu of this theme sits atop of the third party etc…
There are 2 static components without a far-future expiration date.
https://fonts.googleapis.com/css?family=Rubik:400|Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900&display=swap
https://fonts.googleapis.com/css?family=PT+Serif:400|Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900&display=swap
where i can find this ????
i already have turned off on theme google fonts..
Hi all,
Running the latest version of the theme. I have full width buttons on the website at the moment. However on mobile the button text gets cut off depending on width. Not sure what CSS needs to be applied to fix this?
Standard display:
https://ibb.co/fvxg99y
Mobile width:
https://ibb.co/x7CLCzf
Hi,
I use this code for my sidebar “recent news” `.td_module_flex_3 .td-image-container, .td_module_flex_1 .td-image-container {
box-shadow: 2px 2px 4px #888
;
}`
But this code is deploying on all others modules “flex 3 and flex 1” including those in my footer..
How can I avoid it ? I want just select flex 3 and flex 1 from my sidebar.
Thank you
Kind regards
typemeon.com
Having an issue with some CSS from tagdiv composer. The widget overflow coding is hiding my users notifications within my peepso plugin. From what I understand, I need to change the coding to this:
.widget {
overflow: visible;
}
Will this work without breaking other parts of my site?
https://i.ibb.co/gThsKWy/peepsooverflow.png
https://i.ibb.co/rGk8VgJ/peepsonoti.jpg
Hi,
Yes, this can be achieve with a custom css, please provide me a link where I can inspect the logo and create a code for you!
Thank you!