Hello Rasken,
Please tell me what kind of header style do you use? I need to know this because depends then I try to change the color of the hover and the classes are different.
If you are using header style to default, you should try the code below to change the hover color, like this:
.menu-item-913:hover {
background-color:red;
}
The result: http://screencast.com/t/qeroQ2Ml2
If you are using, for example header style 3, it is a bit more complicated because appear a lot of classes, like this:
.td-header-style-3 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-3 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-3 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-3 .black-menu .sf-menu > li > a:hover, .td-header-style-3 .black-menu .sf-menu > .sfHover > a {
background-color: red!important;
}
The result: http://screencast.com/t/Lweewp77j
As default font, our theme use ‘Roboto’ and ‘Open Sense’.
For more information about pagespeed, please check our tutorial here: https://forum.tagdiv.com/how-to-make-the-site-faster/
About your second request, you can try to do minification to style.css to improve your website speed. We do not recomend this thing because it is possible to appear some errors in our theme but you can try to do this. We have reports about this that function properly. As reference, you should check this tutorial http://screencast.com/t/lgzXo4l8iG and also you should find a plugin to do this for you.
You can do a quick search through the forum to see other tools you can use: https://forum.tagdiv.com/search/minify/
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
The video'[s aspect ratio is controlled by javascript. In order to change that you will need a script which detect the screen width and apply a specific css for a specific situation. This is a complex task and I can’t provide a solution for the moment. If you need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer speed customization services at the moment.
Thanks!
Hi
The background image doesn’t have any transparency effects. This is the original image used for background on our demo: http://demo.tagdiv.com/newsmag_travel/wp-content/uploads/2015/09/bg-cropped-final.jpg If you want to apply a transparency effect try this css in theme panel > custom cod e> custom css: http://screencast.com/t/z3fWzEDebR and change the opacity value as you want.
.backstretch{
opacity: 0.3;
}
You can try the multi-site feature of WordPress to achieve that. Here is the official documentation: http://codex.wordpress.org/Create_A_Network Please consider that this is a complex task which require many customizations and for the moment we cannot offer any type of custom work. If you can’t do this by yourself my advice is to look for someone to help you or hire a freelancer from sites like http://studio.envato.com/ to do it for you.
Thanks!
Hello CodeisCode,
If you want to disable your post title for each post, you should try the code below and place it in Theme panel->Custom Css area.
.td-post-title {
display:none;
}
The result: http://screencast.com/t/jzfvg9FgfwJ
Hope this helps and let us know how it goes!
If is not what you want, please provide more details.
Thank you for the message!
Hello,
I tested the code again and could not recreate the issue on my end. I added it in the theme panel custom css box and it applied as expected. Please try to disable all plugins except visual composer to rule out a plugin conflict which may interfere with the css. If it still will not work, then you can edit the style.css directly in the file and set the color to transparent. http://screencast.com/t/tChaCvdyVV
Thank you!
Hello CodeisCode,
I suppose that you want to disable the link to post when you are hovering on the big grid image. To achieve this thing, please try the code below and place it in Theme->Custom Css area.
http://screencast.com/t/naLWJyYFW
.td_block_big_grid_3 {
pointer-events:none;
}
The result: http://screencast.com/t/5CtVdX5pE5
This is an example for big-grid 3. If you are using another big grid you have to use the corresponding class for the grid.
Hope this helps and let us know how it goes!
If is not what you mean, please provide more details about this, so I can be able to provide a more accurate response.
Thank you for the message!
Hello,
Please check the code you already have in your custom css box, not the code I gave you. If a code has an open tag before the code I provided, then it will cause it to not apply. I have tested the css again and the result is the same: http://screencast.com/t/eDvPwfbRiqm
Another thing you can check is if you place the code in the responsive field, then you need to remove the @media. I set the responsiveness directly to the code so you can insert it in the standard custom css box, not the advanced one. Remove the @media part if you place it in the advanced css and mobile sphones section.
Thank you!
Hello! there,
I really love your product and it helps us a lot!
However, I’m a rookie and some questions about CSS.
1. What’s the difference between style.css & editor-style.css?
If I want to add the css code into css file, which one should I add the code into?
blockquote {
font-style: normal;
}
2. add some new styles
Because my editors want me to do some adjustment in style, I need to do some work in CSS.
If I want to add some styles based on CSS rule, which file should I start to update?
Our website: http://3media.tw
Thanks~
Gabriel
Hi, I am trying to figure out which class name has the (for example) module 16 for its background?
1. It is similar to this example:
.td_module_14 .td-module-meta-holder {
background-color: rgba(255,255,255, 0.9);
}
instead of the ” .td-module-meta-holder ” there has to be a class for module background? How is it called?
2. Also I need to know class name for inside-distance between module and block, because I am trying to make that distance smaller and transparent while the module contain its new background color form issue No.1.
3. Correct me if I am wrong, but I am trying to make a gap between blocks (same time preserving module image sizes) so that a page background image can be visible between all blocks while the modules stay with their given background colors.
Something like this: http://prntscr.com/9hhsm5
There, on the picture, you can notice some nice gaps between elements/blocks while the modules inside contain the ‘white’ background color.
I would like to do the same with Newspaper theme, but at the moment it seems imposible without these css classes.
Or there is another CSS method?
Thanks
Hi, I’m trying to figure out which CSS rules I should edit to make a proper alignment between the amazon affiliate link and the following text.
Here you can see what I’m talking about: http://www.gadgetsvirali.com/penna-stampante-3d-per-disegni-stereoscopici-le-migliori
As you can see, below the images, inside the image caption I’m used to put the Amazon affiliate code followed by some text. In the previous theme I had no problem, once I installed this theme, the text goes below the affiliate link, as you can see here in this screenshot http://snag.gy/BaqVq.jpg deleting the Amazon img code it shows up properly but I’m not supposed to touch the Amazon affiliate link.
If you visit the page on mobile devices the issue gets worse: http://snag.gy/u3lnK.jpg
How can I align the affiliate link and the text?
Thanks,
Alessandro
It seems that the style.css is a thing that is slowing down the site quite a lot, how can I compress this?
I’m not sure if it was because of the latest updates or not but it wasn’t that large before, it’s almost 800kb
Thanks Marius! 🙂
Can I reply my domain privately?
I’m still having issues finding the correct classes/id’s for the menu items.
Basically what I want to do is have one of the menu items become for example green when hovering on it and the rest should be red when hovering.
I found this “menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children td-menu-item td-normal-menu menu-item-134” as a class but it did not work with
.menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children td-menu-item td-normal-menu menu-item-134 a:hover{
color: #00ff00;
background-color: #00ff00;
}
in the custom CSS theme settings.
I also tried only using .menu-item-134 with the same css code after that.
Thanks for the answer and Happy Holidays!
BONUS QUESTION: What is the default font that you are using?
BONUS QUESTION 2: What happend with the theme speed? I was under the impression that it was supposed to be very fast, it only gets 31/100 from google pagespeed now…all my plugins are disabled.
http://tinypic.com/r/282dnb4/9
the css style i apply , seems to be overwritten by original style for same area ….
.td-boxed-layout .td-header-style-3 .td-header-menu-wrap, .td-boxed-layout .td-header-style-4 .td-header-menu-wrap {
background-color: #EFEFEF !important;
}
which is from admin panel settings …. overwrites custom code ….
.td-boxed-layout .td-header-style-3 .td-header-menu-wrap, .td-boxed-layout .td-header-style-4 .td-header-menu-wrap {
background-color: transparent !important;
}
i just need the main menu background to be same width as website contend area ….
thanks
-
This reply was modified 10 years by
yoluca.
Thanks Bogdan,
I’ve checked if errors on custom css code, but everything looks fine.
But still not working on mobile.
The code I’ve add is:
@media (max-width: 767px) {
.td-header-sp-top-menu {
display: block !important;
}
.td_data_time {
display: none !important
}
.td-header-sp-top-menu {
margin-left: 14%;
margin-right: auto;
}
}
The CSS has been updated but the problem still persists.
The element I’m trying to target is the entry title for the full screen post on the home page.
URL – boulderweekly.wpengine.com
thanks!
You can keep the style.css you have now. Do not replace your style.css with the new one as the new one did not change anything besides version number. There will be no data loss if you do not replace style.css.
Thanks
i can see style.css in folder patch_6.6.2_6.6.3
and second i ask after change this files
any problem happen in site or data ??
Hi,
It works from my end: http://screencast.com/t/jgQW7Kxi i created the code on your website. Please check any other custom css in your theme panel and see if there are no open tags that might interfere with the css.
Thank you!
Hello,
You can see a list of modified files from 6.6.2 to 6.6.3 here: http://screencast.com/t/U0JKaAJaHIK The patch can be found in the main archive of the theme.
This patch only replaces the files needed for the new update. The only file you can skip in here is style.css as there were no modifications to it other than the theme version number. The other files you need for the update to work. If you have any changes to these files and you need the update, you will have to recreate your changes.
Thank you!
Hello leohans,
If your ultimate update was from 4.X to 6.X, unfortunately, you lose all changes. Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
If you have already Newspaper 6 and you want only to do the update to latest version, you should make this without any problem. All your customization are recorded in the database which are not affected by this update.
Hope this helps and let us know how it goes!
Thank you for the message!
I’ve put this code on custom css, but I don’t see the top menu on mobile…
Hello,
The top menu was not meant to work on the mobile version of the theme. It can be done with css though:
@media (max-width: 767px){
.td-header-sp-top-menu{
display: block !important;}
.td_data_time{
display:none!important}
.td-header-sp-top-menu{
margin-left: 14%;
margin-right: auto;
}
}
Thanks.
Hello nivosh,
The workaround that I gave you above will be applied for all the posts that you have it. If you want to change a certain post, you can use Visual Composer for posts but after this, you should use a bit of Css to do some customization because VC for the post is not tested for our theme. You should activate VC for post like this: http://screencast.com/t/wm12HNry8yGN
Hope this helps and let us know how it goes!
Thank you for the message!
but in files changed in document
style.css include in this files
second after replace all files
any change or lose my date
this is my site
Hello,
We updated the theme due to problems with google structure date. The analysis was retrieving a few errors due to an algorithm change so we had to fix them. We also included a new version of visual composer and revolution slider. You can see the change log here: http://tagdiv.com/newspaper-6-6-update/
As for the css, you can replace the files and leave out style.css. Only the theme version was changed in this file. You can update without style.css.
Thank you!