- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hello yun,
Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap > div{
background-color: red!important;
}
}
Thanks.
Hi there,
I’m using header style 10 and wondered if you could provide me with the CSS code to increase the header size please? I don’t want to increase the height of the menu or the top menu just the section with the logo.
Thanks very much,
Sami 🙂
Hello barrosgfj,
Unfortunately, the theme does not have any such an option that allows you to turn off the search icon. However, this is an important feature which has to be available on each site and that’s why does not have something like this, sorry! Also, you can use a bit of CSS code to hide it. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-icon-search{
display:none!important;
}
Thanks for the message!
Hello team,
You forget to remove Newspaper live demo CSS from the theme bundle.
It’s surely adding some extra KBs on the file, that’s not a big issue but the custom images directory (demos_popup) you added in CSS throwing 404 error as the directory is missing in the bundle.
So, you must remove it from the bundle’s style.css file.
It’s OK. I rolled back an update and just imported my recent posts and images and it’s working again. Must of been a conflict with CSS Minify.. All OK now!
Hi,
There may be more options and optimizations to be made for the Pinterest element. Please note that this module may not work properly at all times. Sorry for any inconvenience this has caused for you.
I could give you a code that would modify the images
– https://www.screencast.com/t/j97DOkYoiO
But this may not be the best solution. If you decide to use the code, it should be entered in Theme panel->Advanced Css in the desktop section
.td-pinterest-image {
height: 230px;
}
Thanks
Hi,
The description data is taken from the user profile field
– https://www.screencast.com/t/gnMbmXuRP6
It would have to be removed from there. Or you could enter this code in Theme panel->Custom Css
– https://www.screencast.com/t/sTRoZVJp
– https://www.screencast.com/t/yukAy4iyFY
.td_block_author
.td-author-description {
display: none;
}
Thanks
Hello,
The voice report demo uses css to add the iamge so you will have to change it with css like so:
.td-voice .td-header-style-9 .td-logo-wrap-full{
background-image: url(your image url here)!important;
}
You can add the code in the theme panel-> custom css box.
Or if you get an image flicker as the image is being rewritten, you can change the image url directly in the css file here:
https://www.screencast.com/t/uBRupjBH
Thank you!
Hello,
You can float any menu item right by their menu id.
Please check your menu html with the browser inspector and get the list item class then add a float:right to them in the theme panel-> custom css box.
Thank you!
Hi,
Sorry about that, those settings do not allow font color change. You could use a bit of Css to achieve that. Like this for example
– https://www.screencast.com/t/edNaqdLrJo
This code will change the font color for all the excerpts, you can use any color you want. Enter the code in Theme panel->Custom Css section
.td-excerpt {
color: yellow;
}
Thanks
I have a Top Authors section in my right sidebar. I have it sorted by most posts. However, I need the section limited to the top 3. I’ve tried everything from adding tags in html to custom css.
Any suggestions?
1) i think i am near to solution, but shop page show 10 products per page.. how change from 10 to 9 products?
2) 99% resolv this is my css
.woocommerce ul.products li.product h3 {
text-align: center;
}
.woocommerce ul.products li.product .price {
text-align: center;
font-size: 18px;
}
.woocommerce ul.products li.product .button {
margin-left: auto;
margin-right: auto;
display: table;
}
.woocommerce .products .star-rating {
margin: 0.5em auto 0 auto;
}
/* responsive monitor */
@media (min-width: 1200px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.05%; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.05%; } }
@media (min-width: 1019px) and (max-width: 1199px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.05%; } }
Hi, thanks for reply,
im tryng to make a layout for shop page and category page,
1)i have 3 row by 3 products for row (3+3+3)
but i have problem with page navigation… the #10 product it’s in the first page without page navigation..
2) i need a css for image for align in the row.
see my site: https://goo.gl/yQKt2v
Thanks Advices
Hello pstgibson,
Unfortunately, our theme does not have any such a simple option that allows you to make your top menu bar to be sticky, sorry! This is not a simple task and it is required to make some changes in JavaScript/jQuerry, HTML, and CSS in order to achieve as you wish and notice that we cannot provide this type of services at the moment, sorry!
Thanks for your understanding!
Don’t worry – written my own CSS for this, if you visit BadgerGP.com now you’ll see that the 3 columns of thumbs now zoom in subtly on hover so the visitor knows it’s a link.
Added a class called bdgrhover to the block and then this custom css in the theme panel.
/* Animation */
.bdgrhover .td-module-thumb a img {
transform: translateZ(0);
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform; }
.bdgrhover .td-module-thumb:hover a img { transform: scale(1.1); }
.bdgrhover .td-module-thumb:focus a img { transform: scale(1.1); }
.bdgrhover .td-module-thumb:active a img { transform: scale(1.1); }
Hello bandmill,
Please keep in mind that the changes mean only the code changes which are made by you and also, which are referred to the core files (inclusive style.css/not a plugin) which are designed to support child theme, according to our documentation.
Thanks for your understanding!
Hi,
The author Id is created by WordPress. There are many ways of finding this Id
– http://www.wpbeginner.com/beginners-guide/how-to-find-post-category-tag-comments-or-user-id-in-wordpress/
– https://forum.tagdiv.com/topic/author-box-5/
Some elements can be customized with Css and offer the possibility to set a unique class to them. For example you have two block elements of the same type, with no particular way to differentiate them
– https://www.screencast.com/t/I3rLwdhnEH
By setting a custom class to one of them, you can customize it with Css without affecting the other one
– https://www.screencast.com/t/qdr5fkCP
– https://www.screencast.com/t/Wq1xJeAU
There are also many other situations in which this option may be helpful.
Here is a tutorial about uisng teh browser inspector to create custom code, that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
Thank you very much for your appreciation. Support for RTL may be added at some point in the theme development, but at the moment there are no plans for implementing this option.
I see that you are using the mobile theme plugin, try entering that code in the Mobile theme->Custom Css section of the theme panel
– https://www.screencast.com/t/5qApAoBvbt
The result should be like this
– https://www.screencast.com/t/u4PEJ0E6dH
Also you could align the search icon to the left if that is what is needed, with a code like this in the same section
– https://www.screencast.com/t/5z2DdaKTVnkW
.td-search-icon {
left:0;
right:auto;
}
Thanks
Hi,
We have no reports of this issue for the moment. It must be something local affecting it.
Please check to see if the implementation is done correctly:
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/
If everything is in order, try it without plugins as there could be a plugin conflict affecting it. Disable all plugins except the page builder, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.
Thanks.
Hello,
Please check every step of these guides and make sure the implementation is properly made:
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/
You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/
Thank you
Hello davidemorini,
Unfortunately, our theme does not have any such an option that allows you to change the category pages, sorry! The only settings which allow you to change the style of your category pages are located in Theme panel->Category section, like this -> https://www.screencast.com/t/WnVCfjcL8Ruo Notice that if you want to change your category pages, you should edit the category templates and insert some codes in order to achieve as you wish. As a hint, you should edit the category_top_post for style used by you and then you have to inject some PHP code with do_shortcode method, like this -> https://www.screencast.com/t/hHvdcCGixC8B Also, ensure that your Custom Ads contains some ads, like this -> https://www.screencast.com/t/7Ku6Rn43 and the result you should see here -> https://www.screencast.com/t/obnWcMVYJPtA After these changes, notice that you should adjust them with a bit of CSS for a better look and to get the results you want.
Notice that all of these should have be done by yourself because we cannot provide custom services at the moment, sorry!
Thanks for your understanding!
Hello shariful18,
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.
If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello m1keb1ggs,
Yes, surely, each demo comes with the own style.css.
Thanks for your understanding!
Hi,
Once a description is entered for a category, it will be displayed on the category pages. You could remove this description on category pages by making modifications to the category template or templates that you are using. Comment or remove the code that displays the category description
– https://www.screencast.com/t/XelSgnxvW
Or simply enter this code in Theme panel->Custom Css and they should not appear anymore
.category .td-category-description {
display: none;
}
Thanks
I’m having a little trouble setting up the Author box element. Is there a link to a tutorial? I looked around and couldn’t find it. For example, where do I find the author ID? Is there a number in the Users file? I couldn’t find one. Also, what does this mean, under Extra Class: “Style particular content element differently – add a class name and refer to it in custom CSS”? Thanks so much.