- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello Matija,
I have tested again the code that Andrei gave you above and seems to work properly as you can see in this screenshot: http://screencast.com/t/6ol5qIoAh. Eventually, you should try with a more high value of z-index (3,4, 5)
and also, if you have any custom code in your CSS area, please checked it to not have some syntax errors. If your problem is still there, please try also to disable all the active plugins, clear caches and install only the plugins that come bundled with our theme and try it again.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
I’ve checked your site and noticed that the z-index for the main menu it’s overwritten by some custom css which most likely comes from a plugin. To fix that try this css in theme panel > custom code > custom css: http://screencast.com/t/DnHrz4iwUK4
.td-header-main-menu{
z-index: 2!important;
}
Thanks!
Hello,
Here are the exact shortcodes for our page from the demo. You can add them in the classic – text mode:
http://pastebin.com/VdMP4Kid
Then you need to add this css to the page settings: http://screencast.com/t/psML0P0yYac1
.td_video_playlist_title .td_video_title_text {
line-height: 36px;
margin-left: 0;
font-size: 30px;
}
Unfortunately for further control over the playlist element, you will have to use a plugin as the theme has no such options.
I hope this helps.
Thank you!
Hi,
Google requires to specify a publisher for articles and this meta requires to specify the publisher logo – http://screencast.com/t/vzl3J6kMImG – http://screencast.com/t/9vhjSwZS8h
The theme reports the logo set in Theme Panel -> Header -> Logo&Favicon – http://screencast.com/t/NoVwLYVblTb
I suspect you didn’t set any logo and that’s why you get this error in the structured data tool.
To fix it set a logo, then if you don’t want it to appear on page you can hide it with css (display: none) or remove it from the header template. I see you use header style 7, the code can be found here – http://screencast.com/t/yT4Z9sY1
Thank you!
Hello,
I’m pretty sure there are no css syntax error in our theme. Even if there were, envato would not have allowed a theme version with syntax errors to go online. They check every update and every theme before allowing them to go online. Please disable all your plugins except visual composer and clear your cache. Plugins have their own css and this, in most cases, overwrite the theme’s. Also check for any open tags in your custom code. This issue can cause a lot of problems and it is a simple thing to overlook.
Try it out and let us know how it goes.
PS: I could not find any errors in your console.
Thank you!
-
This reply was modified 10 years by
Bogdan B..
Hi
To change the background color for the title try this css: http://screencast.com/t/OY6pmQ1gvf
.wpb_gallery .wpb_wrapper .wpb_heading{
background-color: #AD4E4E;
}
The post slider itțs a Visual Composer built in element and excerpt for it aren’t controlled by the theme. You will have to edit the plugin’s files in order to change that. For the line-height try this css:
.flex-caption p{
font-weight: 400!important;
}
Thanks!
Hello,
I have two problems and I think, both of them is related with each other.
1- Sliders are not working regularly. Slider’s timing doesn’t operate and headers of each post overlapped. It did suddenly, I don’t know why it was. Also, you can see the problem, the half of image is applied effect. But, It also prevents to click to post. You can see the problem here in first slider: https://www.gastesehir.com/yazarlar and second slider similarly in homepage.
2- Now, in any posts, there is no featured image in template style 7. What can be its reason? First, some images cropped half yesterday, today I cannnot see any image in any posts. You can see the sample from here: https://www.gastesehir.com/haber/ressam-bozcali-sergisi-icin-taha-toros-arsivi/
I read many articles in Newspaper forum and tried some css codes. Also, I looked to something in caches and Lazyload fade effects. But, I can’t succeed.
If you clarify what my problem is I’ll be really glad.
Thanks in advance,
Great post. Thanks for the css code above to change button size.
I pasted the code you sent into the CSS. That helped. With the code I can adjust the block title size and line height. My question is:
Is there a way to change the color of the background of the block title? The background behind “college” is currently black.
And, how can the excerpt length and line height be adjusted?
Thanks,
I just updated my Newspaper 6 theme to the latest version with the latest version of wordpress and I am using the sample child theme that I downloaded from themeforest. I am getting css warnings of unexpected css tokens and invalid property declarations, and the image zoom feature on the big grid blocks doesn’t work in Safari. The image zoom works in Chrome and Firefox, but when I hover over the big grid images in Safari, they don’t zoom at all.
Looking at some of the warnings, there seems to be errors in the CSS syntax in the core theme code. I don’t get any warnings in Chrome or Safari.
You can check out the site here: http://www.nationofchange.org/news
После последнего обновления не работают пользовательские стили 🙁 Совсем не работают… Из файла дочерней темы и из панели темы. Не работают 🙁 Потерял очень много времени, чтобы найти ошибку, но так и не нашёл. Работа встала.
———————
After the last update custom styles do not work 🙁 It’s not working … From file “style.css” of child theme and the theme panel. Do not work 🙁 Lost a lot of time to find the error, but did not find it. Job stood.
Try this Custom CSS:
#td-outer-wrap {
top:150px;
}
You can replace 150px with your desired size…
-
This reply was modified 10 years by
tagdiv-da-beast.
But I now placed this code:
.td-post-content img {
display: inline !important;
}
and it looks working. please confirm it’s ok to use that CSS rule.
Thanks.
Hey, this is very helpfull and with this examples you’ve provided I belive I will be fine on my own tuning everything to my desire. I have all css classes I need.
Thanks for all the help.
Hello blmg1,
Please try the code below and place it in Theme panel->Custom Css area.
@media (max-width: 767px){
.td-header-style-4 .td-top-menu-full {
display: block!important;
}
}
The result you should see here: http://screencast.com/t/jciXctJKiX6
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Sorry for misunderstanding you.
The page structure changes a bit when the homepage post it’s used, that’s why the extra class added for the row isn’t targeted. To change the tile color for this post try this css: http://screencast.com/t/Q2oKTi7fjk
.page-id-14196 .template6-header .entry-title a {
color: red!important;
}
Hope this help.
Thanks!
Hello matijakurusic,
Unfortunately, our theme hasn’t been designed to have this style that you have presented above. You can get this style, but it is necessary to know a bit of CSS to make this customization. Below I gave you an example for a block/module on my page. Please check this code and try to implement for your website. It is not a simple task and is required more time to achieve as you wish. If you are not aware of all steps wich you will have to follow, we recommend hiring a freelancer/developer to do this for you because we cannot provide custom work for the moment, sorry.
.td-module-thumb img {
border-radius: 20px!important;
}
.td-main-content-wrap {
background-color: lightgrey;
}
.td_block_wrap {
padding: 20px;
background: #FFF;
margin-bottom: 20px;
border-radius: 2px;
border-bottom: 2px solid #e8e8e8;
}
.td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap {
margin-bottom: -7px;
}
The result you should see here: http://screencast.com/t/msnGzJsZ
Hope this helps!
Thank you for the message!
Hello alexalex11,
Please try another method of CSS with the code below. Please remove the latest code that I gave you and try this:
.wp-caption-text img {
display:inline!important;
}
The result you should see here: http://screencast.com/t/s5WHuwzdpH It should work.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello – I am using an ad server with the theme ad zones but for some reason the header ad is only showing a small sliver of my ad.
I have sent my site + ad code to contact@tagdiv.com if you don’t mind having a quick look… Would this be a CSS issue?
(If I should be emailing another address for private communication, please let me know).
The other ads on the site are served in a similar fashion with no issues.
Thank you in advance for your assistance.
Hello hbger,
Style.css file is referring to all the style that you have in your front-end and the editor-style.css is referring to all the style that you have in your back-end, dashboard and is required to have wp-admin. If you want to do some customization about the style, you have to modify the style.css file because this one takes up the control of your front end. All CSS codes that you have it is necessary to insert in Theme panel->Custom CSS area and the codes will be put automatically in style.css by the theme.
Hope this helps and let us know how it goes!
Thank you for your understanding and thank you for purchasing our theme!
Hi
The theme doesn’t have an option to hide the category tags only for one specific category. However you can use custom css to hide this tags from a specific block/grid. For big grid 1 you can use this css: http://screencast.com/t/F1UufMRH1W
.page-id-abc .td_block_big_grid .td-post-category{
display: none;
}
You need to replace the abc with your page id, such that this css to be applied only for that specific page. To get the page id please follow this link: http://screencast.com/t/sMkqc7hW1X
Hope this help.
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/vaAbpb4CCmA
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
Note that the top bar wasn’t designed to work on mobile devices so you may need additional css customizations in order to be displayed fine.
Thanks!
Hi Bogdan,
I’ve already check all the css code. Moreover I have test your code only on custom css (without other css codes)
just to be safe, but it does not works on my website.
Can you test it going on the WP admin,
so that you can check it directly on the website please?
Just for info, the smartphone I use to test is an iPhone 4s.
Thanks
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/AOxrpNwKB
.wpb_gallery_slides .flex-caption .post-title{
font-size: 23px;
line-height: 24px;
margin-top: 5px;
margin-bottom: 10px;
font-weight: 600;
}
.wpb_gallery .wpb_wrapper .wpb_heading {
font-size: 25px;
}
Let us know how it goes and provide more details if this is not what you mean!
Thanks!
Hello alexalex11,
I’ve checked your website and I saw your problem with the alignment. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/7sVCbUXT
.wp-caption-text a {
float: left;
padding-right: 10px;
}
The result you should see here:
I’ve verified on mobile version and seems to work properly, like this: http://screencast.com/t/2ip0PULjAs5j
Hope this helps and let us know how it goes!
Thank you for the message!