- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
Please try this custom css -> https://i.imgur.com/J1or3lV.png
.woocommerce-page .page-description .tdc-row .td-element-style{
background-color: transparent!important;
}
.woocommerce-page .page-description .tdc-row .tdc-element-style .td-pb-span12 {
width: 66%;
}
This code need to be set in theme panel> custom code> custom css.
hope it will help you!
Hi,
Please replace the above css with this one:
post:hover .td-module-thumb .entry-thumb, .td-big-grid-post:hover .td-module-thumb .entry-thumb{
transform: none!important;
}
Hope this will help you!
Hey there.
I was importing the Homepage of: https://demo.tagdiv.com/newspaper_mintyside_pro/ because what we need is that the left side of the header will stay sticky. Like in this demo. All fine but if we scroll down, the “top:” will change to from “top:auto” to “top:20px” over JavaScript? in your Demo this is not happening. How can we remove that? because we need to have it like in your demo without a gap in the end.
So if you scroll the demo, the html looks like this:
<div class="wpb_wrapper" style="width: 749px; position: fixed; top: auto; bottom: 0px; z-index: 1;">
if I scroll after I imported your demo:
<div class="wpb_wrapper" style="width: 749px; position: fixed; top: 20px; bottom: auto;">
it should stay top:auto till the end is reached and after that it should change to:
<div class="wpb_wrapper" style="width: 749px; position: absolute; top: 826px; bottom: auto; z-index: 1;">
I can’t override it with css !important, because it also changes from “position: fixed” to “position: absolute” at the end and this should be like this. Can you please help me with that? why it’s different in our version and in your demo not?
cheers
Works perfect, all we need is a little empty space after quote. How can I add it? Right now I’ve solve it by adding a HTML block in WP content after quote with <br> in it. How do I change css so that there is some empty space after quote? I don’t want it to look this way: https://prnt.sc/vp0mjp
I do have a child theme. It is manetioned in my only sentence and is part of the query…
With the time passing by there’s some css code in my child theme style.css as well as in the theme custom css code filed. I wanted to know which is better – to move all css code in the theme field or in the style.css.
Hello Bettina, thanks. Yes, I tried Page Title and it worked (but had to add a separator below it and mod the CSS)–but it worked, thanks.
Hi after a lot of work I have found the issue cause
If I remove this from the style.css the AMP issue occurs.
Theme Name: Newspaper
Theme URI: http://tagdiv.com
Description: Premium WordPress template, clean and easy to use.
Version: 10.3.8
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
License:
License URI:
Text Domain: newspaper
Tags:black, white, one-column, two-columns, fixed-layout
-------------------------------------
Table of content:
-------------------------------------
1. Variables
2. Mixin
3. Normalize
4. Theme Grid
5. Header
6. Typography
7. Modules
8. Post and Page
8.1 Page
8.2 Post template
8.3 Comments
8.4 Gutenberg
8.5 Galleries
9. Misc
10. Footer
_ _
| \ | ___ _ _ _ ___ ___ ___ ___ ___ _ _
| |/ ._>| | | |<_-<| . \<_> || . \/ ._>| '_>
|_\_|\___.|__/_/ /__/| _/<___|| _/\___.|_|
|_| |_|
~ tagDiv 2020~
Thanks for using our theme !
Our portfolio is here: http://tagdiv.com
If I add it again, the issue gone.
However after some testing I’m seeing the following – when some custom css is added in the theme custom css field, the original css blinks on page load and then the custom css takes place.
If the custom css is added to the style.css file in the child theme folder, then this effect is not present.
Hello !
The best option now available is to simply insert your css in theme panel here: https://www.screencast.com/t/y1tCXwd9PJj
Thank you !
Thank you it worked!
Can you give me another CSS code to delete hover effect from category pages “big gird full” blocks?
Hi,
Unfortunately there is no option for this, but there are some topics when I provided some custom css, maybe it will help you -> https://forum.tagdiv.com/topic/page-break-button/
Thank you!
Hi,
You can add the big grid full using tagDiv Composer -> https://i.imgur.com/xS3s4MD.jpg just make sure that you do not have set an background image or color because then the layout will be boxed.
For removing the zoom effect you need to use a custom css like this one:.td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none!important;
}
This css code need to be set in theme panel> custom code> custom css. Hope it will help you!
Let me know the results!
Hello!
In this case, you can simply edit the responsive layout with TagDiv Composer. Click on the search icon, look about CSS section and there you will find an option called “Display” and you can choose “Hidden” from that list.
For more details, check this: https://www.screencast.com/t/P4CnQZ1n
Thank you!
Hi barros,
This is strange, the above css should work on social widget element, at list for me is working, also I’m glad that you manage the situation. If there is still a problem, please let me know and I will take a look.
Hope this will help!
https://prntscr.com/vo4knz (No H2 tag was found on your page.)
https://prntscr.com/vo4l0a (Your server is not using expires header for your images.)
https://prntscr.com/vo4l1q (CSS files don’t seem to be minified)
https://prntscr.com/vo4l3y (The size of the HTML document is 493 Kb, over the average of 33 Kb and our recommendation of 50 Kb.)
https://prntscr.com/vo4l8g (AMP Not Support / Not set mobile theme)
When using custom CSS code, which option is technically better – to add the custom code in the style.css file of the child theme or in the theme custom css field?
Thanks!
Is there any way to disable the hover effect on the “big grid full” bloks?
I really don’t want this hover effect. And in the same time i need to use “big grid full” on my site.
Is there any CSS code to disable this?
Calin,
Thanks for your response. I’m not sure why its not working for me, inspecting the source code of the rendered page I can see some CSS classes related to the social counter but not all of them, more specifically the style specific ones. For the time being I copied the style9 css from the shortcode php file into my global CSS and it works fine so I’m not super worried about it for now. Not ideal but solves my problem without patching any source file. Would be great to have that Style option available from the widget configuration at some point though.
Thanks again,
Carlos
Then, let’s try with a custom css like this one -> https://i.imgur.com/oSu6ye3.png
#tdi_45_53f .tdc-row-content-vert-center{
height: 900px;
}
Please set the css in theme panel> custom code> custom css.
Hope it will help you!
Hello, thank you for the code. However, I do not have that mobile theme section on my theme panel. I have tried adding to the custom css part but the search icon is still here.
I am not using the mobile theme, but responsive layout will show the search icon on mobile web.
Site: AsWheatAsUs.com
Hi,
Please provide a link so we can provide a css solution.
Thanks!
Hi,
We have been facing many issues with your composer.
Our latest report on AHREFS is showing that many pages have CSS and Javascript broken which is affecting our loading speed and user experience.
Please check here https://drive.google.com/drive/folders/1erPk9Bwgy4I8vuyrOB0VHBXDElqEvX-_?usp=sharing
The other issues we are facing is with the menu and footer. We have set up a different menu for the mobile version, but it keeps changing back by itself almost every day and is highly annoying. As it does not matter what we do, it goes back to the previous menu by itself.
Would appreciate any help to resolve those issues. https://thepanafrican.net/
Regards,
Ruben
