- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
I managed to get the code so that when I select another category it gets colored as well
.td-header-style-10 .td-header-main-menu .current-menu-item {
background-color: #4db2ec;
}
I removed the first child option and the “spread” of color to the preview of the articles dissappeared as well.
Full code now is .td-header-style-10 .td-header-main-menu .sf-menu > li > a:after {
height: 0;
}
.td-header-style-10 .td-header-main-menu .sf-menu > li > a {
color: black;
}
.td-header-style-10 .td-header-main-menu .sf-menu > li > a:hover {
background-color: #4db2ec;
}
.td-header-style-10 .td-header-main-menu .current-menu-item {
background-color: #4db2ec;
}
which works fine for me.
So from here, how can I set custom color codes per menu item?
I can see each menu item had an ID of some kind but can’t get it in css yet.
f.e menu-item menu-item-type-taxonomy menu-item-object-category td-menu-item td-mega-menu menu-item-393
Thanks in advance
Hello,
1) Our theme does not have separate backgrounds for pages. There is only 1 background possibility across the whole site. There is however a category background that will affect the posts from that category though if the post have it set as a primary category. https://forum.tagdiv.com/primary-category/
4) the fonts in the theme panel will not affect the mobile version. The mobile version font sizes can only be changed with a custom css. Please provide an example of what post titles you are referring to so I can provide the proper css code.
5) Again. it can only be done with css. Here is a code to make the menu items narrower:
.sf-menu a.sf-with-ul{
padding-right: 15px!important;
}
6) You can remove the search icon from the code by commenting out or deleting this part: http://screencast.com/t/R1WLS2cH
Thank you!
Da, se poate,
Poti adauga acest cod in theme panel-> custom css:
@media (max-width:767px){
.td-main-sidebar{
display:none!important
}}
Multumesc.
Hi,
You can try this code for Header style 10 (for Header style 11 change the first class number to 11 in each of the lines), just enter it in Theme panel->Custom Css
.td-header-style-10 .td-header-main-menu .sf-menu > li > a:after {
height: 0;
}
.td-header-style-10 .td-header-main-menu .sf-menu > li > a {
color: black;
}
.td-header-style-10 .td-header-main-menu .sf-menu > li > a:hover {
background-color: #4db2ec;
}
.td-header-style-10 .td-header-main-menu .menu-item-first a:first-child {
background-color: #4db2ec;
}
Please let me know if this works for you
Thanks
-
This reply was modified 9 years by
Simion C..
Hello,
It seems the revolution slider has an issue in this version and ads a left property to the links on the slide.
Please use this css to fix the link:
.tp-parallax-wrap{
left:0!important;
}
This is a temporary fix until revolution slider is updated and bundled with our theme.
Thank you!
Hello,
1. The colors of the main menu (the one with the logo) and the top bar (the white one on your site) can be changed from the theme panel’s color section.
2. A photo can onl;y be inserted with css like this topic suggests: https://forum.tagdiv.com/topic/header-image-7/
3. You cannot edit the main menu width. Sorry . The widths in our theme are fixed and changing them will break the layout. Our theme was built with a fixed width in mind.
Thank you!
Our theme is fully compatible with both http and https. Please use these few resources for a few hints on how to properly set up https:
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,
Well since the module was not intended to show the excerpt, there is no css for it. It has to be created for the excerpt to position properly. You will have to use the browser inspector and add a top margin or padding to the excerpt: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
Well our theme does not have any option to increase the header height so it has to be done with css. You will have to use the browser inspector and identify the correct classes to use in the css: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks.
Hello newbietamvan,
Sorry for the delay but please notice that we have had day off because we have celebrated our Christmas Holiday, as you can see here -> http://screencast.com/t/kfwLMa9A
I guess that you are using the Background and thatâs why the header menu and footer section will be switched in boxed mode. Please notice that our theme will be switched in boxed mode if you will add a background image and thatâs why the Footer and the Header are not be displayed in full width. Unfortunately, the theme does not have any such an option that allows you a way to change this behavior from the panel, but you can do that using a bit of CSS code. You should follow the next topic here -> https://forum.tagdiv.com/topic/cant-create-fake-full-width-top-menus-by-coloring-the-outer-wrappers-in-6-1/#post-56800 because there you find a solution in this regard.
Thanks for your understanding!
Hello Bobby_Ocean,
Unfortunately, our theme does not have any such an option that allows you a way to change the width of the span block. You can use a bit of CSS code to increase the font size, like this -> http://screencast.com/t/y6r651bUEE9
.block-title>span {
font-size: 20px;
}
The result is here ->
Thanks for the message!
Hi,
Well you do not have to use the child theme for custom css. Add the code in the theme panel-> custom css box
The code you added is not to hide the post views, but to hide the post title.
Please use this code to hide the post views:
.single .td-post-views{
display:none!important;
}
Thank you!
Hi,
Here it is again with your class to it: http://screencast.com/t/m0rlD2rg9u3H – http://screencast.com/t/xvrSFwObm
Check any other code in the theme panel custom css box beforehand though as if the previous code is no properly closed, the current code will not work . Check any open tags.
Thank you!
Hello roqeem,
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.
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 roqeem,
If you want to remove the Next/Prev pagination for posts you should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-next-prev-content{
display:none;
}
The result is here -> http://screencast.com/t/ZmQmFCUm
Please keep in mind that the Editor Picks is just a simple block 9 which can be customized from Visual Composer. The Editor Picks is found in Widgets area, like this -> http://screencast.com/t/cS1OGPZA1
Thanks for the message!
I pasted it into the Custom CSS, but it is still the same.
Bun am inteles ideea. Atunci Exista vreun cod css pentru ca in dispozitivele mobile sa nu mai apara widget-urile din bara laterala. Vreau ca in momentul in care utilizatorul care foloseste site-ul pe dispozitivele mobile sa nu ii mai fie afisat continutul de pe bara laterala. Acesta sa fie vizibil doar din desktop.
Multumesc!
Sarbatori fericite!
Thanks for your reply,
Is it possible through css editing to keep the big (full) logo on top or bottom like on styles 10 or 11 but also keep a background highlight on hover instead of underline like on styles 1,3,4,5 etc?
Every style with background highlight on hover has small logo on the side.
Thanks in advance!
hello team ,
I am facing some errors in newsmag theme .
1. Some of functions linked to JQuery not working properly such as “Trending Now ” section arrows for forward and backward are not working.
2. When i test the code in w3c validator the following major errors are found .
#1 Error: Bad value EditURI for attribute rel on element link: The string edituri is not a registered keyword.
From line 23, column 237; to line 23, column 339
-json/’ /><link rel=”EditURI” type=”application/rsd+xml” title=”RSD” href=”http://tectrick.org/xmlrpc.php?rsd” /><link
#2 Error: Duplicate ID td_uid_36_585f9f01ecf8a.
From line 136, column 141; to line 136, column 220
lock-row”><div class=”td-trending-now-wrapper” id=”td_uid_36_585f9f01ecf8a” data-start=””><div c
#3 Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
From line 188, column 3429; to line 188, column 3442
0254136″ ><style scoped>.td_ui
Contexts in which element style may be used:
Where metadata content is expected.
In a noscript element that is a child of a head element.
Content model for element div:
Flow content.
#4 Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
From line 199, column 7958; to line 199, column 7971
0264a3d” ><style scoped>.td_ui
Contexts in which element style may be used:
Where metadata content is expected.
In a noscript element that is a child of a head element.
Content model for element div:
#5 Error: Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)
From line 220, column 8274; to line 220, column 8311
panel –><style type=”text/css” media=”screen”>/* cus
Contexts in which element style may be used:
Where metadata content is expected.
In a noscript element that is a child of a head element.
Content model for element body:
#6 Warning: The first occurrence of ID td_uid_36_585f9f01ecf8a was here.
From line 136, column 60; to line 136, column 114
;</script><div id=td_uid_36_585f9f01ecf8a class=”td_block_inner”><div c
Hello,
Is there a way to use the boxed version on a specific page only? By using a custom CSS addition, for example? I’m guessing adding a background colour to that page ID might do it?
I am attempting to display a header logo that is wider than the specified 272px using Header Style 10. I have uploaded the image file that is larger than 272px wide (544×190) and it cuts off the image such that only 250px (not sure why 250px). Here is how it looks on my staging site (all plugins except Visual Composer disabled and all custom css removed: https://www.screencast.com/t/RkkAmpvafmZk I am also running version 7.6 of Newspaper theme.
Am I missing something?
Thanks in advanced for your assistance.
EJ
Hello,
The plugin (td_speed_booster) works perfectly on the homepage and category pages.
But it does not work in posts.
The plugin is not doing the work of moving the CSS files to the footer in all posts.
Can someone help me correct the problem?
Thanks in advance.
Hello JDF and Bogdan,
I hope you don’t mind me joining your conversation. I would like to know how you solved JDF’s issue #3 (setting mobile header height with CSS).
I have searched for how to solve this but cannot find the solution. This screenshot at this link will show you that I need to increase the height of the white-space header behind my logo and menu button: https://www.screencast.com/t/mi6La8Di
(I was not happy with the smaller size of my mobile logo with menu so I changed the CSS a little, fyi.) Thank you for any guidance you can give me on where you located this in CSS!
Nick
For advanced use, it’s good to “unhook” the fonts from being enqueued in the theme functions file, and you can combine them as so:
https://fonts.googleblog.com/2010/09/optimizing-use-of-google-font-api.html
for advanced users, you actually capture the CSS from google and put at top of you style.css file.
I cover this a bit in my long winded tutorial thread on optimization in the docs > tutorials > DIY/best of forums
That might not help, but perhaps give you juice to go on an adventure on learning to “super optimize” Google font loading fpr best pagespeed (how I get 100/100) đ