- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi,
I’m breaking my head around why I can’t get a nice mega menu with subcategories following the instructions in the documentation. What could be wrong? I’d like to have the thumbs change category on rollover of the subcategory menu. It’s not creating the html and not picking up the themes CSS. I’ve installed the demo content on a local server, to see if I could figure out how it was done, but it didn’t work either, the demo content didn’t have the configuration included.
Can you help please?
Thanks
Paste this in Newspaper>Theme Panel>Custom Code>Custom CSS
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #523f6d!important;
}`
}
Thanks, but I discovered I actually need to increase the container to 300X300.
I will appreciate the CSS code for this.
I have my header color set to a purple on the desktop but I can’t get it to change from black on mobile.
You can look here. http://interestinganswers.com
Is there a way to do this with CSS?
thanks.
Hello Adcomm_Media,
If you want to increase that container you should use a bit of CSS code and add it to Theme panel -> Custom CSS area.
The code is ->
.td_mega_menu_sub_cats{
width:30em;
}
The result is here -> https://www.screencast.com/t/99VsTBZb9Va0
Thanks for the message!
Hello Stinus V,
Notice that any type of changes you have made using the CSS code, after an update, it will be lost. You can try using the child theme because the main theme will overwrite the whole code of the theme.
Thanks for the message!
Hello bobbymc,
You can change this color from page builder from CSS rule from here -> https://www.screencast.com/t/GVXWPpwZ After this change, clear all the caches and check the results.
Thanks for the message!
Hello luke,
I have tried to access your website but no success because your website it seems to be in maintenance mode, sorry! Please, notice that we do not encourage to use such a Custom CSS code to increase the logo section because the theme layout could be more easily broken, sorry! Make sure that your logo size is according to our documentation because if you will check our demo preview you will see that the logo works as expected. Try to use our logo from Newspaper, take it from demo preview, add it to your website and check the results. Clear all the caches after this and see the results.
Thanks.
Hi,
I have managed after a long time to get my sub-cats into 3 columns. Can someone please tell me how to make the sub-category wider in css? I need the selector to be able to change the width. Can someone please help?
http://www.screencast.com/t/P2cNkJKP8
I just really need to change it to 30em instead of 20 please?
Hello marketing20,
Try using the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_module_11 .td-read-more a{
background-color: red;
}
Thanks.
Hi Bogdan,
I find this a very weak reply. I am expecting that because I paid for a premium theme. The menu should work out of the box? I didn’t pay peanuts for the theme?
Also you provide the css selectors above for creating 2 columns. Why now to make it 3 columns and to adjust the width of the sub-menu columns do I need to pay a developer for customization when all you need to do is tell me the selector to use to change the width of this?
Again something that I would expect to work out of the box like a theme menu. must now be paid for to make it work. The menu you have is fine. I just want the sub-menu to be listed on 3 columns and the sub-menu of that to work the same. Surely this is not a customization. But something that should work??
Regards.
Hi,
Please provide a link to your site so I can inspect the code.
Facebook provides a black text as most websites use black text.
It can be overwritten with css most likely.
Thanks.
Thank you for your answer. I understand now the method of contain the menubar.
Regarding the CSS solution, it’s interesting — works when entered in the Custom Code CSS in the Theme Panel, but not when added to the style.css in the child theme. Anyway, it solved the issue.
And one final question — what is the font used instead when logo is absent? It looks very similar to PT Serif, but it’s not. Could you tell me the name of it and if possible, how to replace my current PT Serif with this one across the website?
Thank you.
Hi,
The header style you are using is full width, that is how it is supposed to look. Also the footer is displaying as it should.
These elements will be limited to page container width when a background image or color is set
– https://forum.tagdiv.com/background-introduction/
So you could set a white background color, if you do not want it to be noticeable. This will transform the website into the boxed state.
If you are referring to this message – https://www.screencast.com/t/loinzaqBcia
That can be changed if needed with a code like this
.no-results h2{
font-family: 'Open Sans', sans-serif;
}
The code can be entered in Theme panel->Custom CSS.
Thanks
Hello,
The theme accent color handles the background of the button. You have black text on a purole background and it is no visible. You can try to make the button text color white though using this css code:
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
color:white;
}
You can add the code in the theme panel-> custom css box.
Thanks.
You could do that in two ways. Either with a function in functions.php (main or child theme)
function disable_comment_url_email($fields) {
unset($fields['url']);
unset($fields['email']);
return $fields;
}
add_filter('comment_form_default_fields','disable_comment_url_email');
Or hide them with CSS (code entered in Theme panel->Custom CSS)
– https://www.screencast.com/t/nKAHr91cdy
.comments .td-form-email,
.comments .td-form-url {
display: none;
}
Thanks
Hi,
Hide the comment number either by removing it from the code in the file shown, or with CSS
– https://www.screencast.com/t/bXYNF5wBb
.td_block_authors .td-author-comments-count {
display:none;
}
Showing the socials for each user would require major modifications to this element, you could try to integrate the socials in but that may not be easy, to get and display the socials for each author would probably take a lot of work and testing.
Thanks
Hello,
When testing the site performance on “PageSpeed Tools” from Google (https://developers.google.com/speed/pagespeed/insights), it always give that error:
Optimize CSS Delivery of the following:
https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%7CRoboto%3A300%2C400%2C400italic%2C500%2C500italic%2C700%2C900&ver=8.6
Could be possible that you make them local fonts by default. Doing it manually is very tricky, and also there’s only three custom fonts fields, so not enough for Roboto and OpenSans.
It would help a lot to have better performance as long as better SEO results on Google.
Thanks.
Hi
I tried the CSS for my Destinations -> Europe sub-meny. I get two columns, but the width is too small to accomodate the name Storbritannien. Also the background sub-sub-meny for Storbritannien -> Scotland and England is getting to small. Is this possible to modify?
Thanks.
Hi there,
Comparing my boxed layout on my desktop screen with another website (https://www.chasingfoxes.com), the width of my boxed layout is thinner than theirs. I would like to make my boxed layout a little bit wider. How can I do this? I cannot seem to find the right div to edit with CSS!
Thanks,
Chris
ALSO -worth noting if your host is using some kind of minification setup; that best to turn that off if it’s trying to rewrite javascript or CSS.
And, obviously, good to disable stuff like ad blockers or other shenanigans or extensions in Web browser ‘blocking’ page elements.
Right now I can’t share social items on Google News because Chrome’s own stupid popup blockers are blocking Google News from popping up share box (!!). *sigh*
Hey hello there fellas!!! Im super excited so far cause your support is amazing and believe me i have bought too many themes that their support was really bad. My next question is about site performance plz check this photo —-> I get really many requests and i was wondering how can i minify those requests to improve load speed cause my site seems heavy and i have to find a way to improve my speed. Plugins dont seem to do the job because lets say autoptimize plugin destroys the theme when i try to minify the js requests . So what im asking is a way to gather all js html css files together to minify the requests . Any thoughts on this matter and how i can do that using newspaper theme without destroying it ? đ thank you in advance guys!
Hi,
So you would like to remove the author name from the big module of big grid 3, that could be done with a code like this
– https://www.screencast.com/t/oF3HSHAMZx
Enter it in theme panel->Custom CSS code section
– https://www.screencast.com/t/v9NK9k1d9
.td_block_big_grid_3 .td_module_mx5 .td-post-author-name {
display:none;
}
Thanks
With CSS we have to resize the menu because only appears 4 posts and not 5. So we have an empty space on the right.
We want to hide the subcategories but have 5 posts. Can you point me the code that I have to change?
I want to resize my woocommerce catalog image size (https://w.warrimarket.com/product-category/computer-stores/) from its current size of 195×195 to 132×132.
I have done this in Woocommerce > Settings > catalog image in Product Image size, and then regenerate thumbnail but there was no change.
Please what should I do to achieve the 132X132 dimension size with css?