- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hello Dennis,
You can change these if you are using the Custom CSS code and target them with such a font. You can provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.
Thanks for your understanding!
I think I was misunderstood! When inserting this css code then the Override ganaz will appear normal as I want it to be. If I choose the title background color with TD Composer and save it, then it will not be taken over, instead of the title background color will be displayed in black as mentioned above. As recommended by you, I made the theme update that did not help. Sure, that works with Css, but why is not that possible with TD Composer?
Hello inapex,
Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-gadgets .td-header-style-5 .sf-menu > li > a:hover, .td-gadgets .td-header-style-5 .sf-menu > .sfHover > a, .td-gadgets .td-header-style-5 .sf-menu > .current-menu-item > a, .td-gadgets .td-header-style-5 .sf-menu > .current-menu-ancestor > a, .td-gadgets .td-header-style-5 .sf-menu > .current-category-ancestor > a{
color:red;
}
The result is here -> https://www.screencast.com/t/nOMglGSz8
Thanks for the message!
I tried to apply changes in style.css inside child theme folder but it seems is not working… I tried to apply changes also in style.css of main theme folder, but nothing happens. thank’s a lot for patience.
-
This reply was modified 8 years by
4l4.
Thank’s a lot! Do you mean “style.css” ?
thank’s a lot!
Hi,
That happens because that element sets the image as background, and uses a background property that covers the available space. Other elements have the option to choose how you want the image to look as background
– https://www.screencast.com/t/A3rOLizDD2
But this one does not. I could give you a code to chnage it with this result
– https://www.screencast.com/t/nz1l7LK3B
Or you could try other elements that can display images and experiment with them. If you want to use the code and give it a try it has to be entered in Theme panel->Custom CSS
.tdm_block_column_content .tdm-image-holder > div {
background-size: contain;
}
A background color can be set for the Fancy text with image element, if that is what you need
– https://www.screencast.com/t/MRlq1UuX9pC
Thanks
So with the CSS code it works, have now updated the theme via FTP, but have the same result without the CSS code
Hello,
you can change the block title colors from the tagdiv composer page builder:
https://www.screencast.com/t/RL6dg8UiM5vd
Unfortunately if you use the wpbakery page builder, the color options for the title are no longer present because of the implementation we made for our own page builder. If this is the case, you can use this css in the theme panel-> custom css box to change colors:
.td_block_template_4 .td-block-title > *{
color:white!important;
background-color:#8224e3 !important
}
Thank you!
Hi,
The custom CSS from the theme panel will be loaded after the theme stylesheet. You can also add custom CSS in a child theme stylesheet if you have one, or directly in the main theme stylesheet file.
If you add it in the main theme you will probably have to re-add it after a theme update, but this will ensure that the code is loaded faster, along with the theme style.
Thanks
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Dear, I did many CSS customizations, where I can store before pages it loads? Now I stored in Custom Css of theme but when opening page some CSS are loaded after page is loaded.
Thank’s a lot
Hi, I activated the TagDiv Newspaper 8.7 theme on my website but I have some problems with the new Flex Block 1. It doesn’t show the thumb, even if I choose “normal” in TagDiv Composer>Layout>Article image>Image position when I edit the page in the frontend. It just pushes the title of the article 5-10px down when the image position is set to “normal” and the title goes back to its top position when I set the image as “hidden”.
Furthermore, when I set the border in TagDiv Composer>CSS (for example, Border style = Solid, 2 px etc…) It shows the border when TagDiv Composer is opened but It disappear when I close the Composer and I go back to the page.
On localhost It works just fine and I cannot understand what’s happening on the remote server.
On localhost the site runs on Windows and PHP 7.1.7, while on remote server it runs on CentOS and PHP 5.6.
Can you help me? Thank you.
Yes, now it worked and I was able to access it.
Please use this custom css in your theme panel-> custom code section:
.block-title .rsswidget{
background-color:#d33;
}
Thank you!
Hello,
Please provide a link to your site so i can inspect it and provide the proper css code.
Thank you!
That code would apply if there is still an admin bar displayed, by using a code such as the one I mentioned the admin bar will not be loaded anymore except for admins, so the CSS for it will not apply as well.
The best way to remove the admin bar is either with a code such as that one, or disable it in the WordPress settings
– https://www.screencast.com/t/gX3Lbcrxng
Hi,
If you mean the background color here
– https://www.screencast.com/t/M4HdZx7iTN
That could be changed to white with a code since there are no dedicated options for it, the text will be invisible however
– https://www.screencast.com/t/uVpWcha60p
So the color of the text should be changed as well as the active and hover colors, this would be the result
– https://www.screencast.com/t/cn1nmVG1R6
If that is what you wanted, enter the code in Theme panel->Custom CSS section
.td_wrapper_video_playlist .td_container_video_playlist {
background-color: #fff;
}
.td_wrapper_video_playlist .td_video_title_and_time .td_video_title {
color: #000;
}
.td_wrapper_video_playlist .td_video_currently_playing .td_video_title,
.td_wrapper_video_playlist .td_click_video:hover .td_video_title{
color: #fff;
}
Hello gibbsyns3,
Sorry but the theme does not have any such an option that allows you to make these changes, sorry! You should create your own custom CSS code for each button you want to disable or you can implement it through the code if you know this.
The only option available in theme panel is to disable this for the whole website, like this -> https://www.screencast.com/t/bbBVJO1G0zy
Thanks for your understanding!
Hi,
That would be the default page padding top, you could remove it if required by entering this code in the Theme panel->Custom CSS section
– https://www.screencast.com/t/3R00rvRWdAdr
.home .td-main-page-wrap {
padding-top: 0;
}
Thanks
Hi Simion,
The css code that is causing the blank space is this one:
.admin-bar .td-header-menu-wrap.td-affix {
top: 32px;
}
It’s a theme css code.
Tks
Hi,
@cccadmin I could give you a code for that, something like this
– https://www.screencast.com/t/2odI0OxLtyi
You can increase the value if you want, then enter it in Theme panel->Custom CSS section
.td-header-style-10 .td-logo-wrap-full {
min-height: 150px;
line-height: 150px;
}
Thanks
Hello Totelae,
Please notice that the default style for that demo, Art Creek has this layout, as you can see here -> https://www.screencast.com/t/s8IClhyzq All the meta information container is aligned to center. If you want to change this position, you should use a bit of CSS code to overwrite the style. Try the code below and place it in the Theme panel
-> Custom CSS Area.
The code is ->
.td-art-creek .td_module_wrap, .td-art-creek .td_module_mega_menu, .td-art-creek .td_module_related_posts {
text-align: left;
}
The result is here -> https://www.screencast.com/t/gULngcxVBNio
Thanks.
Dear Catalin,
There is the same problem on “next” and “previous” buttons, the text is in blue.
https://ibb.co/fXDx8c
Is there a CSS code I could use to have it normal again?
Thanks for your help
Hello,
This can only be done with css like this example:
.td-post-category{
background: linear-gradient(red, yellow, green);
}
You can add the code in the theme panel-> custom css box
Thanks.
Hello,
The update is a mere coincidence. It has to do with the post style used. It will not work on all post styles. Some post styles have the comments outside of the post content so the class will not affect them.
It will only work for post styles 2,4,4,6,7,8,11,12 and 13
If you want the others to be affected by the css, you will need to alter the theme code a bit in order to get the css to target the other style as well.
Thanks.
Hello,
Please provide a link to your site so we can inspect it. I suspect it is either a custom css affecting he menu or a plugin.
Thank you!