- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
I was able to adjust the inner content so it’s closer to the edges so that’s fixed. There is still the big issue and gap between the inner content and sidebar. In tagdiv composer you have the CSS fields yellowed out and you can’t enter a value. No clue why this was done.
So I still need that one and the site width itself explained.
Thanks
Hi, using a layout like header 10 makes my header to large, ideally i’m hoping i can use the same header i am using, but can get some help with a little extra css from you to make the logo a little larger in that header?
After updating to 9.5 version, any change I make using “Live Css Editor’ disappears after updating. Like if it does not update at all. I tried cleaning hosting cache, plugin cache, Cloudflare cache and browser cache.
Could you help me?
I’ve been trying to figure this out for awhile and it’s driving me crazy that these settings are not in tagdiv composer. This is on the home page and first; nowhere in the header styles can I find where to change the width of a boxed theme page. The default is way to narrow.
Second, all of your custom templates are very spacey/airy and there’s very little options to change that for the home page. On the regular pages it’s even brutal how I have to use a -40 for CSS just to tighten the space.
I’m not complaining because I do love this theme, but these are options that should be there and easy to change, but are missing that I can find.
Please let me know where to change these options either in composer, or in a template file and where it is for the home page.
Thanks
Hi, from media you just take the url for the image that you want to set in top bar, the class you set in the menu, and the code for that class will be set in custom css
-> https://www.screencast.com/t/NXA1qA1M5
-> https://www.screencast.com/t/f8IraNUz6XsS
Thanks.
Whats the exact CSS class of mega menu’s preloader?
Hello,
Sorry but the category color is individual for each category no matter if there is a child-parent relation between them
These colors however do not work on modules and blocks. Only on posts. The theme blocks were never designed to grab the color from the posts. The category tag color is set for all blocks at once. If you want to change it, you can use a custom css code like this example: https://forum.tagdiv.com/topic/change-the-category-color-in-the-home-page/
Thank you!
Hi,
Please make sure that you set the code well in Newspaper theme panel>Custom code>Custom css -> https://www.screencast.com/t/UCft5ja1O
-> https://www.screencast.com/t/PxZnWcE1NLP
.horizontal-list>.menu-item>a {
padding-left: 10px;
padding-right: 10px;
}
Also please make sure that you clear all cache.
Also if you want you can force the header width -> https://www.screencast.com/t/hAd7sC5M1
Thank you!
I’ve attempted to make this CSS change, but it does not work. Would it have something to do with the fact that I’m using the classical editor? This is what I see when I inspect the element: https://i.imgur.com/AVsIFSq.jpg
And this is what the Custom CSS field under the Theme Panel looks like: https://i.imgur.com/oTDlYgc.jpg
Despite specifying that the color should be black, it still indicates “#4db2ec” on the editor side. I would also like to not transform the text in the blockquotes, and reduce the font size among other things.
Hi,
If this is the problem ->https://www.screencast.com/t/k3ZcOiHseDGC you can use this custom css and the color will change -> https://www.screencast.com/t/qoEpUhp8
.mce-content-body blockquote p {
color: black
}
Thank you!
Dear, the second last code works perfect for as the recent code is still the one I have rejected once.
Please make some changes in the previous css code.
1) Slightly adjust the mobile padding, as it sometimes overlapping with the product name.
2) I want to make the product boxes in mobile devices somewhat wider. Please take a look at the pic and suggest me if it is possible.
Rest seems perfect for me.
Hi,
Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You need to create your own custom CSS code using the Inspector browser from here
-> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hi,
I think that you can set in top menu an image and add to it a class, for custom css, for example I chose an image from media -> https://www.screencast.com/t/fPPFS8d8v2, go to menu, chose the top menu and ad a custom link -> https://www.screencast.com/t/NXA1qA1M5 now set some custom code for that image -> https://www.screencast.com/t/hQiZokdJWt
Hope this will help you!
Thank you!
Im interested in changing it in megamenu items only.
Can you provide a CSS code for that?
Hi,
Try the settings from there, save them and check the results. Also, if you want deeper changes over to your menu, try to create your custom CSS code, using the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hi,
Please replace the above custom css with this one:
-> https://www.screencast.com/t/yCL1t3NJ
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990!important;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: black;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.sf-menu a:active, .sf-menu a:hover, .sf-menu a {
color: white!important;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #303030;
}
.td-header-style-10 .header-search-wrap .td-icon-search {
color: white;
}
Thank you!
It’s not work for my site In header main menu i use Header style (Style 1 Multipurpose – Menu buttons + left menu) and then i set css As you said that Nothing happens please help again
Thanks.
I would like to use a larger logo size in header style 5. I am using newspaper theme v9.1 and can’t upgrade to 9.5 at this time. I would like to have a larger logo in header style 5. Can you provide me with the CSS code to do this so I can display a larger logo on desktop and tablet screen sizes? The default mobile menu logo size for header style 5 is fine as is, it just needs to be larger on desktop and tablet screen sizes.
I need: ‘Navigation Selector’, ‘Content selector’, ‘Item selector’ and ‘Next selector’ and ‘Previous selector’ css tags.
Its to make the infinite scroll plugin to work with this template. Existing defaults with default woocomemrce and wordpress are:
Products Container Selector ul.products
Product Item Selector li.product
Pagination Selector .woocommerce-pagination
Next Page Selector .woocommerce-pagination a.next
Previous Page Selector .woocommerce-pagination a.prev
But they dont work with Infinite plugin. I need them changed to make with this template. I know creators of this template give me updates everytime they change it.
Thanks
Hi, I have a problem, if I select the template without sidebar the paragraph is too wide: https://www.screencast.com/t/V7sA9Dilhjo
I would like to get this result that I saw in this demo:
https://www.screencast.com/t/5LUHN9z8OGm
I tried to modify the padding with the css code but modifies it to all the elements of the page and not only to the paragraph:
https://www.screencast.com/t/6DZKokNi
Im trying to fill the orange area from this ss, with flex block 2 by giving it a negative css top margin: http://prntscr.com/ml30ph
Im wondering how can I change the preloader color via CSS.
Im talking about this : http://prntscr.com/ml2qwz
Hi,
Please check first in Theme panel custom css -> https://www.screencast.com/t/iF1VIq1nkE
if is not there you can check in wp-content>theme>newspaper>style.css -> https://www.screencast.com/t/GETAyYbWc if you are using child theme please check in it this file; if you are using some demo please check in that demo too for example lets say that I use the animal demo -> https://www.screencast.com/t/5Hz8CZKU
Thank you!
Is there a way to insert an image/icon to the far right of the top header bar, as shown circled in the example below:
I have seen a previous topic about adding a social network to appear in backend of your profile and add a background image using custom css in Theme Panel. However, after every update the changes will need to be updated again.
Also, this is not a social icon but a regular icon with a link to a page for example.
Thank you
