- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello Laurent_C2,
This change can be done only via such a custom code. Try the code below and place it in Theme panel -> Custom CSS Area.
.td-category a{
font-size:15px;
}
The result is here -> https://www.screencast.com/t/10eEPCaCHl6
Thanks for your understanding!
Hi. I’m using a bit of css to change the colors of the text for my audio player and there is a flash of the old settings when the pages load. Any ideas on how to get rid of this FOUC?
I have the code entered into the Custom Code section of the theme panel:
/* centers audio player text and changes link color to black */
.powerpress_links {
text-align: center;
}
.powerpress_links a {
color: #444444;
}
Thanks!
Try this code:
.td_block_template_16 .td-block-title::after {
display: none !important;
}
add in Custom Code – Custom CSS section of Theme panel
Hi Bogdan,
Thanks for your help. The link to my site is http://www.regioonline.nl You can find the menu item with the dropdown list in the mainmenu. It is called ‘Kies uw regio’. If you could make a css code to make it scrollable I would be very thankfull. Please provide some info with it where to implement your code.
Thanks in advance for all your efforts Bogdan.
Hello I have a problem with the block header color, as soon as I save my setting and then look results, the headline gets a black background, does anyone know how I change the global? Thanks in advance. Here are the pictures:
1) https://www.dropbox.com/s/fvbgzuuigxyg7yx/before%20save.png?dl=0 (as I want it)
2) https://www.dropbox.com/s/z3md5ypsfb6ti4u/after%20saving.png?dl=0 (after saving)
3) https://www.dropbox.com/s/0ynejp27nfkqiqv/css.png?dl=0
Hello,
Please provide a working link to your site and mention what color you would like the tile to be and I will provide the css code needed.
Thank you!
Hi There,
Have added a custom ad to my sidebar (custom add 1). There is no spacing to the next widget in the sidebar.
Example URL: https://www.worldofpuppies.com/australian-shepherd/
Please advise Custom CSS to add some spacing.
Screenshot:
Hello hellonikoloz,
All the settings which can be made from Theme panel do not require to be overwritten from Custom CSS code.
Thanks.
Hello progorovor5,
1)You should look for some plugins which have this functionality because we do not have any recommendation in this case, sorry! Another way for this implementing is just from the code and if you are not aware of the steps in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
3)There’s are the only settings for background from Theme panel. If you do to like to use it in the Stretch mode you should enable this option or if you want to have another set for this image you should customize it via such a custom CSS code. If you do not know about the steps please consider hiring a freelancer/developer to help you.
Thanks for the message!
Hello, When my site loads for a fraction of a second some colors will display as blue and before it gets into the correct colors I’ve choosen. I think there are some css issue due to how design was done. When I created the design for this site I started with a demo and then modified it. So I assume the colors I see loading at first are related to this.
How can “remove” these old demo rolors while remaining the current look of the site? If not possible the other option is to “Reset theme settings” but that will reset ALOT of stuff not related to my problem.
If you look at the header while loading “www REMOVE spania THIS .no” you’ll see the problem.
What are my options to fix this? What would the relevant CSS file be to try to fix it editing the CSS manually?
Thank you
Hi,
In addition to my last e-mail:
This is the code I changed to Newspaper > includes > demos > craft_ideas > demo_style.css :
https://www.screencast.com/t/7Qze1ZKWG
Nick
I’ve “migrated” to your new composer tool. I have pretty much everything nicely setup but had to add RSS content as a “Widget Sidebar” and the problem then is that I cant control to color of the title field, it appear in the default black and it breaks with the site design. We can fix this with some addition css?
My site: “spania REPLACE no”
Thank you.
Salut Robert90,
Setarile de SSL nu tin de tema noastra iar noi nu te putem ajuta in acest caz deoarece nu oferim suport pentru customizari suplimentare. Ar trebui sa contactezi host-ul tau deoarece s-ar putea sa te ajute ei cu acest serviciu (care poate este oferit de catre ei) iar daca nu, ai putea incepe sa te documentezi despre cum se poate face acest lucru, consultand urmatoarele link-uri ->
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/
https://forum.tagdiv.com/topic/moving-to-ssl/
Sper sa te ajute!
O zi faina si spor!
Hello,
Sorry but if you use a big grid, you will not be able to get a sidebar next to it. It is not allowed in our theme. If you want to get rid of the whit space, simply use a full width grid and occupy the entire width of the screen above the sidebar./ Our theme does not have a scroll widget sidebar element where you can place a long sidebar on a fixed width and a scroll bar on it. Sorry. You can place them in the menu and I can provide a css to make it scrollable. Create the menu element and provide a link to your site and I will provide the code.
Thank you!
Hello Nick,
You should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-related-left {
background-image: url(https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png)!important;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
line-height: 2;
}
.td-related-right {
background-image: url(https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png)!important;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
line-height: 2;
}
The result is here -> https://www.screencast.com/t/c3vaEQuhdB6
Hope this helps!
Thanks.
Hello!, I’m new with the theme and I can’t manage to make the video backgrond, on a specific post, work.
Here’s the example:
link: https://test.elperroenlaluna.com.ar/siesta-z/
back: https://test.elperroenlaluna.com.ar/wp-content/uploads/2018/04/Screen-Shot-2018-04-16-at-23.35.24.png
(pass: holaperro)
What am I doing wrong? I need it to be full screen
Thank you!!!
PD: I add some css lines to modify some things from the template.
Thank you so much,
its font and color should be changed through Theme panel > Theme Color/Theme Fonts or i should use custom css to change it?
Hello,
All the custom code should have to be added to Custom CSS code.
Thanks.
Hello lucchinifederico,-
You should use the code below and place it in the Theme panel -> Custom CSS are.
@media (max-width: 767px){
.td-wpml .menu-top-container .top-header-menu > li {
display: inline!important;
}
}
The result is here -> https://www.screencast.com/t/5wvDmL8j0oHX
Thanks for the message!
Hello,
If you do not want to use the mobile theme plugin, then you can only hide them on desktop and tablets.
You can target each individual menu item with css and hide it on all other devices except mobiles.
However there could be a downside where you can see them for a split second and then disappear from view. Css cannot remove a code entirely. Only hide it. You can try to put the code directly in style.css to minimize this effect but on slow connections you will still be able to see the change happen.
Here is an example on how to hide 2 menu items based on the menu item id number:
@media(min-width:767px){
.menu-item-3960, .menu-item-3961{
display:none!important;
}
}
Thank you!
Hello Nikolaas49,
You should use such a custom CSS code if you want to make some changes. You can provide your website URL so I can take a closer look at it and also, so I can provide such a useful code.
Thanks for your understanding!
Hello Nikolaas49,
Sorry but please notice that our theme does not have any such an option for this but please notice that you can make this change if you are using such a custom CSS code.
-> https://www.screencast.com/t/WbaMR4b9kg
.td-craft-ideas .td-read-more a, .td-craft-ideas .more-link-wrap a{
background-image: url(images/read-more-bg.png);
}
Thanks for the message!
Hi,
Yes, CSS code should be added in the custom code css section.
Thanks.
Hello,
You can find all of the css for any demo in the main theme files. Here is where you can find the code you are looking for: https://www.screencast.com/t/Bb7A7XzonKA
Thank you!
Hello hellonikoloz,
Please try using the code below and place it in Theme panel -> Custom CSS area.
.td-week .td_module_19 .td-read-more {
display: block;
}
Thanks.