- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello mirko,
Please try to use the code below and place it in Theme panel -> Custom CSS area.
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
@media (max-width: 767px){
.td-weather-top-widget, .td-social-icon-wrap{
display:none;
}
}
The result is here -> https://www.screencast.com/t/7aToRUOY2
Thanks.
Maybe you did not use the full image size and used a thumbnail instead
– https://www.screencast.com/t/graHsimAEo
– https://www.screencast.com/t/E0hQhKRetA
That would explain the low resolution results.
I see that you are trying to display a background image in the header, why not use the theme panel setting
– https://www.screencast.com/t/4oQnDoEngrzj
Also there are settings to stretch the header elements if needed
– https://www.screencast.com/t/DHPJgT3Y2
Right now there is still code active – https://www.screencast.com/t/vespululs
Are you sure the Live CSS panel is empty because the code seems to be coming from there
– https://www.screencast.com/t/XyRfaHUSAJ
Thanks
Hi Simion,
Ok so I am still having difficulties. I don’t know what is happening here at all. I have tried to remove all possible CSS associated with the header as per last post –
I have deleted all possible CSS associated with this (I think) but it must be hiding somewhere. I checked 3 places 1. Live CSS, 2. Theme Panel Custom CSS, 3. Customizer CSS. When I use the google inspector tool it the CSS class is included in a file called (index):
This is what I am currently looking at https://snag.gy/8M16Oc.jpg
Everything was working ok expect for the background image CSS that wouldn’t go away (and still won’t)
This is the website – https://www.thechildhoodlife.com/
Anywhere else I should be looking?
Thanks
Shane
Hi Simion,
I have one last issue. There is an overlap with the header and where I have set the CSS as the background image. You will see exactly what I mean once u resize the browser and watch the header.
I have deleted all possible CSS associated with this (I think) but it must be hiding somewhere. I checked 3 places 1. Live CSS, 2. Theme Panel Custom CSS, 3. Customizer CSS
Anywhere else I should be looking?
This is the website – resize and you will see what I mean – https://www.thechildhoodlife.com/
Thanks
Shane
If I create a regular page using WPBakery Page Builder The sidebar is removed as expected. However when I set the page as the Shop Page in WooCommerce the sidebar reappears which is not what I want. I have tried hiding the side bar with some custom CSS for that page but it doesn’t appear to be working.
.td-main-sidebar{
display: none !important;
}
WooCommerce Version 3.4.1
Newspaper Version 8.7.2
WPBakery Page Builder Version 5.4.5
WordPress Version 4.9.6
Anyone have any suggestions. Thanks
Hi Simion,
Ok thats really strange! It appears to be working correctly now! But I honestly tried this already and it had my mind completely stressed.
I will remove some of the unnecessary CSS now and see if it works the way I want it to.
I think there is a conflict depending where you save your CSS in the theme.
Live CSS vs Theme Custom CSS modudle. I found that can change things especially with the use of “!important” in a piece of CSS code
Thanks!
Shane
-
This reply was modified 8 years by
Daltai.
Hi Simion,
I have tried what u said and I cannot achieve that.
I am using style 10. I uploaded the logo (banner) for for style 10 but it did not come out with proper resolution. Bear in mind the image that I used is 1326 x 276 here https://www.thechildhoodlife.com/wp-content/uploads/2018/05/Childhood-Life-Logo-Background-1349-x-276.jpg
I tried uploading in the style 10 logo module you are referring to and it stretches out and loses major resolution. I tried using “Cover”, “Full Width” ect and I couldn’t get it the way I wanted.
I am afraid to undo some of the CSS I have placed in Theme Panel > Custom > CSS and on the Live CSS toolbar. Is there any way that you could have a look at this for me?
I have spent a day trying to figure this out. I would really appreciate if someone could take a look at this for me.
Thanks
Shane
-
This reply was modified 8 years by
Daltai.
Hi,
There is a raw HTML widget available, but that does not have a title
– https://www.screencast.com/t/LzvVeVEpwT
You can use a title element above it
– https://www.screencast.com/t/yvX9Nhnh46
It will work with HTML code entered in it. If you have a shortcode, enter that in a simple text element.
You can hide elements in the CSS tab of the respective element, for the desired devices
– https://www.screencast.com/t/bkiOxF09
– https://www.screencast.com/t/PcFvSnUXOJ
Thanks
It seems there are some conflicting styles between the theme and that editor. Enter this code in Theme panel->Custom CSS code and it should solve the problem
– https://www.screencast.com/t/eOCOggagg
.siteorigin-widget-tinymce ul li {
list-style: disc;
margin-left: 21px;
}
Hi,
So you want the ticker below the header, like the cryptonews demo design. That can be easily done.
Place the row normally in the page, at the top. Then using the CSS tab set a negative margin to it (-48 would be right)
– https://www.screencast.com/t/KQ2Hkclo47V
That is how the cryptonews does this as well
– https://www.screencast.com/t/vXWZBMr1
Hi,
I am trying to create a responsive header (logo banner).
I have created multiple dimensions of the image namely – 768 x 266 (for iPad dimensions)- https://www.thechildhoodlife.com/wp-content/uploads/2018/05/Header-Background-with-Logo-768-x-276.jpg
And
1024 x 266 (as a second breakpoint)- https://www.thechildhoodlife.com/wp-content/uploads/2018/05/Header-Background-with-Logo-1024-x-276.jpg
This is the CSS I used on both those image breakpoints. I hope you can understand what I am doing and I will provide my logins if you need to investigate further.
What I am trying to do is make the header as seamless (as possible) by using both those images.
CSS ——————————————————————————————————————–
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.td-banner-wrap-full.td-logo-wrap-full.td-logo-mobile-loaded.td-container-wrap {
background-image: url(“https://www.thechildhoodlife.com/wp-content/uploads/2018/05/1024-cover-logo-the-childhood-life.png”) !important;
min-height: 276px !important;
min-width: 1024px !important;
background-size: cover;
background-position: 50% 80%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 769px) {
.td-banner-wrap-full.td-logo-wrap-full.td-logo-mobile-loaded.td-container-wrap {
background-image: url(“https://www.thechildhoodlife.com/wp-content/uploads/2018/05/Header-Background-with-Logo-768-x-276.jpg”) !important;
min-height: 276px !important;
min-width: 768px !important;
}
}
Thanks
Shane
Hi all,
I’m trying to add a Child Theme for Newspaper v8.7.5
This is my structure:
/Newspaper-child
functions.php
style.css
Here’s my functions file:
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 1001);
function theme_enqueue_styles() {
wp_enqueue_style('td-theme', get_template_directory_uri() . '/style.css', '', TD_THEME_VERSION, 'all' );
wp_enqueue_style('td-theme-child', get_stylesheet_directory_uri() . '/style.css', array('td-theme'), TD_THEME_VERSION . 'c', 'all' );
}
);
And my style.css
/*
Theme Name: Newspaper 8 Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
*/
When I try to activate the child theme, everything breaks. What am I doing wrong?
I have the same problem, and no one reply this support is useless.
Thanks for the Custom CSS 🙂
OK i suceed for the main page… but now i have this

This is the Custom CSS i used for the white background.
.td-main-content-wrap,
.td-category-grid {
background-color: #464646;
}
.td-container-wrap {
background-color: #464646;
margin-left: auto;
margin-right: auto;
}
.td-header-gradient:before {
content: “”;
background: #464646 url(‘data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg==’);
width: 1%;
height: 0px;
position: absolute;
left: 0;
bottom: 0px;
z-index: 1;
}
Can someone telle me how to change the color of this category hearder ?
Hello,
It is this margin that affects the site, there is no extra div. The code comes from autoptimize so I cannot pinpoint it https://www.screencast.com/t/br0tE3EMlA
You can try to add this css in your custom code section of the theme panel:
.td_smart_list_2 .td-item{
margin-bottom:0;
}
Thank you!
Hello bformhals,
Try the code below and place it in Theme panel -> Custom CSS Area.
.sf-menu ul .td-menu-item>a {
color: red;
}
The result is here -> https://www.screencast.com/t/QaIAPekQq6
Thanks.
i have already done this !
I have disable the total plugins and also the Cloud flare or similar services are Inactive… because we are still in development mode any CDN service are not activated
Also we have not made any changes to the CSS or any custom code
This problem is a little bit crazy and that’s why i have post this topic !
any other help 🙁 🙁
-
This reply was modified 8 years by
Chris.
Hi,
Seems in the Dutch variant the inputs (fields) are included in paragraphs, which will provide a margin bottom
– https://www.screencast.com/t/MCwDO2DtKF
But in the English version there are only inputs. I could give you a code to add some margin to them, like this
– https://www.screencast.com/t/Ha0Y43bR
Add it in Theme panel->Custom CSS
.mc4wp-form-fields input {
margin-bottom: 21px;
}
Thanks
Hi,
I am trying to keep the mobile header using the Crafty Ideas demo install. I have made some CSS customization in the Theme Panel > Custom CSS section and using the Live CSS tool on the admin toolbar.
My header now appears black in iPad portrait dimensions like this – https://snag.gy/TiZJRN.jpg
But I want it looking like this – https://snag.gy/TwFNak.jpg
Thanks
Shane
Hello,
I see this result when I perform a performance test for my website on GTMetrix.com. This screen says that Style.css gunzip is not enabled. The server’s “.htaccess” file is here.
How can I solve this problem?
Thanks in advance for your interest.
Regards.
Hi Simon,
This problem fixed itself somehow, thanks for your help. I have a new issue I am posting about now to do with iPad portrait dimensions and CSS.
Thanks
Shane
Again, Catalin
There is no such options. I believe you had given me the css I ma using quite3 some time ago. I never noticed the text didnt show when hovered as I showed in the image.

Hi, i’ve just installed Newsletter template on a test website, and i also installed the “News Week” demo, cause i need a very similar layout. Now i’m trying to change the main menu hover color (#e05560), but I can’t find where it is this setting… I already try in “Theme Colors” > “Main Menu” but anything changes. I also tried adding a rule in style.css but it doesn’t work either.
Hi,
You could edit the header template used, these are the files
– https://www.screencast.com/t/R3pd02n6rxm9
Try inserting your button code there and see how it looks. You may need to create additional design for it, for positioning maybe.
Or maybe create a custom link in the top menu, with an icon
– https://www.screencast.com/t/CjmmYSTkwlYs
– https://www.screencast.com/t/i1QKnfJG
Or maybe use a multi-purpose header style which can display buttons, and add the icon with CSS
– https://www.screencast.com/t/yE6Hk7e6sVO
Thanks
Hello ashishkumarsr,
There’s no option for this moving of the image caption, sorry! You should try using the code below and place it in Theme panel -> Custom CSS area.
.wp-caption-text, .wp-caption-dd{
text-align:right;
}
Thanks for the message!