- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
I saw in some forums that people can remove it through functions but some were able to remove it through css. Maybe you could show me a css way.
I tried something like .td-post-header post-meta, .category-noebook .post-meta {
display: none;
}
but it didn’t work.
Hello All,
I would like to know if this is possible via CSS. I would like to remove the Article Inline AD and Article Top AD from Style 9 only.
Thanks for the help
I made a test with the same post, flex block 1 vs block 1 (which uses module 4)
– https://www.screencast.com/t/A0uDIZlquz
The result is the same for me. You could use the vertical alignment setting, but I see you use an older version of the theme and composer and the setting is missing for you
– https://www.screencast.com/t/x68ZR9Wz
Try this code in the custom CSS section and see if the images are aligned top in the flex block after entering it
.td_module_flex_1 .td-thumb-css {
background-position: center top;
}
I just check your web page again and you set a size for a thumb ( https://www.screencast.com/t/GjUeP44dUT ) please change it on full size.
Open the page with td Composer click on the background image, click on css, remove the image from background ( https://www.screencast.com/t/amOD1Xg1n2Gv ) , click to add one ( https://www.screencast.com/t/RX0A3Ym2EpT ) save and view the page .
Hope this will help you.
Hi,
So the speed booster plugin finally activated. This should not be so difficult, all it requires is that the plugin be installed and activated.
If the booster detects plugins that are not part of the list mentioned above, it will have an inactive status.
If there are no such plugins it will have an active status.
If you remove the code as shown it will be active at all times, but note that it can create problems with your plugins. They might stop working or not function correctly if their resources are moved.
1. Maybe the hosting provides a cache system, you could contact them and ask about it. The theme has no caching by itself.
2. So there is a difference regarding how the flex block modules display with and without the speedbooster? We could take a look at that.
We will require admin access to your website, send the details by email at contact@tagdiv.com and also include a link to this topic in the email.
3. The loading of the theme CSS and also the child theme CSS should be moved. I also tested this and it works
– https://www.screencast.com/t/3sjfUzec
I checked this using only the allowed plugins and also with the code removed from the plugin, both the CSS are moved.
Thanks
Hi,
If I understand correctly you’ll like to change the color of social icons ( this one https://www.screencast.com/t/qRKc7EZ4PP ), if is so, this can be done just whit custom css ( https://www.screencast.com/t/uVE4YiuK4 ).
Thank you.
Hi,
The theme mobile menu can’t be disabled by a setting. You could hide the entire mobile header with a CSS code. For example a code like this should work
– https://www.screencast.com/t/tS2bzBOKE1GQ
In this case the code can be entered in Theme panel->Advanced CSS->Phones
– https://www.screencast.com/t/2PhZn7vc
.td-header-menu-wrap-full {
display: none;
}
This code should remove the mobile menu bar with the menu icon, logo and search icon.
Thanks
Maybe I did not explain clearly or you read it so quick.
I mean I read all the issues, follow the instructions, even editing the td-speed-booster.php file but still Disabled.
Surprisingly, after many hours of installation and modification, the system status display Activated.
And now the images on Module Flex 1 are cropped above and below.
There are 3 issues here:
1. I did not install any plugin cache, why my modifications take many hours to refresh.
2. Images on Module Flex 1 are cropped.
3. The js moved but the css style of the theme and child-theme wasn’t move to the footer.
Is the plugin error?
Hi Catalin,
I created a page rule on Cloudflare that removes the admin area of the website from any of Cloudflare’s settings. I now receive an “Error 520” when attempting to access the tagDiv composer plugin. The “Live CSS” feature of the theme does work. So I did remove Cloudflare from the equation as tagDiv email support suggested with no luck. Other than this, the site works perfectly fine.
In TAGDIV COMPOSER, I went to the CSS page and tried to reduce the padding. I set it to 0 around the border I wanted to. When saving it, nothing happened and I got a RED box stating ‘Invalid Page Template’. Can you help with this please?
Hello tagDiv team,
Your theme is awesome but I have three problems I can not solve.
1. I have a problem with my full big grid block.
I turned off the date and the author name on the homepage. It works everywhere except the full big grid block at the top.
There appears under the headline a small gray box (remains of the td-module-meta-info)
I can hide the box with ther CSS code
.td_block_big_grid_fl_1 .td-module-meta-info{
display:none;
}
The problem with the method is that when the page loads, the date still appears for about a second and then disappears. Since the big grid block is at the top of the homepage, the date is visible to everyone for a short time.
Interestingly, the little gray box appears in every browser except in Firefox.
2.) In tagDiv Composer I get the error message at the top
Notice: Undefined index: post_ID in */wp-content/plugins/wordpress-seo-premium/premium/classes/premium-metabox.php on line 146
In the file premium-metabox.php is written:
/**
* Retrieves the post ID from the globals.
*
* @return {int} The post ID.
*/
protected function get_post_ID() {
return $GLOBALS[‘post_ID’]; (<- This is line 146)
3.) At Dashboard -> Plugins -> Add New I get the error message at the top
Notice: Undefined property: stdClass::$plugin in */wp-includes/class-wp-list-util.php on line 150
In the file class-wp-list-util.php is written:
/*
* This is simple. Could at some point wrap array_column()
* if we knew we had an array of arrays.
*/
foreach ( $this->output as $key => $value ) {
if ( is_object( $value ) ) {
$this->output[ $key ] = $value->$field; (<-This is line 150)
} else {
$this->output[ $key ] = $value[ $field ];
}
}
return $this->output;
}
/*
Can you help me?
Many Thanks
best regards,
arti
Hello,
There is an option for it in Theme panel which changes the color of this button. It is the accent color -> https://www.screencast.com/t/AzFdYBSHH49B Also, if you want to change only that button, you should use the code below and place it in Theme panel -> Custom CSS area.
The code is here ->
.td-scroll-up{
background-color:red;
}
Thanks.
Hi,
That would be possible with the tagDiv composer. But you could also do that with some CSS in the Advanced CSS sections of the theme panel. In this example I used a code that will make the post title to have one size for desktop and a different one on mobile.
For example – https://www.screencast.com/t/FtI5BZBrz
– https://www.screencast.com/t/KXe20qLZr
– https://www.screencast.com/t/8V19sgOOn
With the browser inspector you can create the code and then enter it in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hello guedindesigns,
I have made some tests on my site and the Big Grid works as expected, as you can see here -> https://www.screencast.com/t/YK9wKIKVua I have inspected your source page and I saw that you are using a lot of untested plugins which can break the theme layout. As you can see here -> https://www.screencast.com/t/ivvAIKXadWI I saw that you have injected some bootstrap code which does not come from our theme and which can interact with another plugin and causes a lot of unknown issues. Keep in mind that SEO Yoast is a fully tested plugin which does not add any CSS code. My advice is to remove all of your untested plugins, clear all the caches and check the results. Everything seems to work as expected.
Thanks for your understanding!
Hi,
Change the line height besides the font size – https://www.screencast.com/t/LWaSCNV1p
Default settings are these – https://www.screencast.com/t/TnaPJCzKy
Note that not all the settings are per view port, some are general and will apply at all times.
The block title colors are general, you could use some CSS to set a block title color for mobile only if you want that.
For example with a custom class so you can target a specific block
– https://www.screencast.com/t/ggknGLusIy0v
– https://www.screencast.com/t/L7ipDFRiY0LN
Hello sportm,
This is not a class, it’s just an ID. So, if you want to change the color and background-color for this section, you should use the code below and place it in Theme panel -> Custom CSS area.
The code is here ->
#eu-cookie-bar{
color:red;
background-color:green;
}
The result is here -> https://www.screencast.com/t/NFufqWYrrQEi
Thanks for your understanding!
Hi,
You can try this custom code:
#td-header-menu {
overflow: scroll;
height: 40px;
}
Paste it in Newspaper>Theme panel>Custom code >custom css
See the results: https://www.screencast.com/t/v3Rab4nkal
Also you can check this guide about Create custom code with the browser’s Inspector or the Live CSS Box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you.
Hi afterKa,
If you like this https://www.screencast.com/t/z8qvuLDvz
please copy the code from here make a new page, select the template Pagebuilder + Empty page , no sidebar ( like this https://www.screencast.com/t/ExqtbZmnEO ), copy this custom css in newspaper>theme panel >custom code >custom css code:
#s{
height: 50px;
border-radius: 50px;
font-size: 18px;
padding: 0 20px;
}
#searchsubmit{
display:none;
}
https://www.screencast.com/t/qIbe7gwNOqk
Create a new sidebar widget (look here how to create ), name “search” and drag the search in it https://www.screencast.com/t/A9HXg3sLtS
After that set the page from homepage
https://www.screencast.com/t/kLllXEmPGfO
Thank you.
Hi,
https://www.screencast.com/t/Ky393koEh
You need to optimize your website, please read this topic:
https://forum.tagdiv.com/search/optimize/
https://forum.tagdiv.com/topic/optimize-the-display-of-css-styles/
Thank you for your understanding.
Hi,
To have a night mode you can use a plugin like WP Night Mode ( https://wordpress.org/plugins/wp-night-mode/#description ), you need to install it, activate it, go in Appearance > Menus ad a custom links ( https://www.screencast.com/t/aBqSBdfVdo ) expand the Night Mode and put wp-night-mode in css classes ( if is not show at the top of page, in right corner you have Screen Options, expand it and check on css classes box https://www.screencast.com/t/RgauFw70w )
https://www.screencast.com/t/Fh32ztEcps
Don’t forget to save .
After that click on Customize from Appearance a front editor will be open https://www.screencast.com/t/HelxooI5h click on night mode and edit it how you liked ( https://www.screencast.com/t/wcN0C5V29ote ).
I hope this is what you need.
Thank you.
Hello Oracle,
Also, the problem might happen due to an inappropriate SSL configuration. Please use these guides to make the implementation properly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Hope this helps and let us know how it goes!
Thank you!
Hello,
The question is not about having a font size like h2 but to have an actual h2
it’s an HTML feature and not a CSS feature
https://puu.sh/BAWqn.png
I don’t want an h4 heading but an H2, how can i modify this ?
Hi Simion, there must have been other custom css code interfering because as soon as I deleted the rest of the code leaving only the .td-header lines, it worked perfectly! I’ll see if I can work out what is blocking your code.
I know I’m stretching the friendship but one more related question. There is a gap between the top of the page and the top menu. What could I do on WomensGolf.com that would eliminate that so that the .td-header is right at the top? What I am trying to duplicate is the position of the top menu on https://www.pgatour.com/
Thank you again – very much appreciated.
Richard
Hi,
Turn the feature image of and add this custom css in Newspaper> Theme panel > Custom code > Custom css and paste this code there:
.td-post-template-3 .td-post-header-holder {
background-image: url(“your image url”);
height: 500px;
background-repeat: no-repeat;
}
https://www.screencast.com/t/1dvdvAyucW
the url for image you will find in media ( if you don’t have the image add, please add it https://www.screencast.com/t/JO8aMiao5 ) click on image https://www.screencast.com/t/gfvuF9wQ63dH
You can change the height or add more css
Hope this will help you.
Hi nguyenxuan,
Unfortunately our theme don’t have such an option, it can be done with custom css, but that require a lot of time ( you need to do for each menu item ).
Examples for custom css:
with icon in menu
https://www.screencast.com/t/KJyJVGXS
https://www.screencast.com/t/cQYNGoMX4e1
Using text:
https://www.screencast.com/t/puj9MRrpy
Documentation bubbly : https://leaverou.github.io/bubbly/
https://www.screencast.com/t/NpN9oMZp
Thank you for your understanding.
