No search results were found in Documentation!
Hello,
I am trying since I have purchased newspaper 9, but unable to get the desire result. Still my site under maintenance.
Iam trying to set my home page like-
http://prnt.sc/pvozay
I have changed background using css
.td-main-page-wrap {
background-color:#eaeaea;
}
but whenever I change coloumn background color of same row, column gap merged with the color of column itself. There is no column gap with background color. Kindly see here
http://prnt.sc/pvpg35
I need that gap with the same color as of background.
Same problem is with single post template, don’t know how to change white background (css needed)
In short I must needed the result of single post template as
http://prnt.sc/pvozw9
Hope my problems will get resolved soon.
Thank You
Hello !
You can use this code:
.td-main-page-wrap {
padding-top: 0px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello,
You can try this custom css for smaller devices -> http://prntscr.com/p3m7bv
.td-week .td-header-style-10 ul.sf-menu > .td-menu-item > a {
font-size: 15px;
}
.td-header-style-10 .td-header-main-menu {
padding-left: 0px;
}
.td-main-page-wrap {
padding-top: 0px;
}
You need to set this custom css in Theme panel> Custom code> Advance css
-> http://prntscr.com/p3m8aq
Hope this will help you!
Thank you!
Hello !
Are you talking about the gap in the picture? https://www.screencast.com/t/pCyvs6wcw
For that you can try this code: .td-business.home .td-main-page-wrap {
padding-top: 0px;
}
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
Please add this custom css code: .td-main-page-wrap {
padding-top: 0px;
}
The code must be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
Please try this code and set it as much as you want: .td-main-page-wrap {
padding-top: 10px;
}
As you can see here: https://www.screencast.com/t/b2TtTW5vF
I hope this was helpfull !
Thank you !
Hello !
I’ve reviewed your page and on mobile the ad is there, under the Header: https://www.screencast.com/t/hKcPNfoK. In desktop you will need to add a code in order to align it better as you can see here there is some spacing under the header: https://www.screencast.com/t/Z8WrFC3qK
Here is the code:
.td-main-page-wrap {
padding-top: 0px;
}
The code has to be pasted here: https://www.screencast.com/t/vae3YqXdw
Thank you !
Hey guys!
Ok so like I said I inherited the page and it appears there were some custom CSS codes… It has been fixed now.
I apolagise for my anger.
This was the code
body.home div.td-main-content-wrap.td-main-page-wrap.td-container-wrap {
background-color: #ffffff;
}
Thanks for the help.
Hi,
Looks like there is no padding, I could give you a code to add some padding as a quick fix
– http://prntscr.com/nwzfyn
.bbpress.tdc-header-template .td-main-page-wrap {
padding-top: 48px;
}
I will also add this on our list as an issue. Sorry for the inconvenience.
Thanks
That would be the default page padding top, it’s usually bigger but the demo you have installed reduces it. To remove it completely try something like this, should work
– http://prntscr.com/nveni0
.td-health .td-main-page-wrap {
padding-top: 0;
}
Hello !
You can try this adding this code: .td-main-page-wrap {
padding-top: 0px;
}
Add it here: https://www.screencast.com/t/E75D0UpTbAOh
As you can see it worked for me: https://www.screencast.com/t/VNKyukYsSDhb
Thank you !
Hi,
That would be the page top padding. There are a few ways of removing, the easiest is to add this code in the theme panel custom CSS section
.home .td-main-page-wrap {
padding-top: 0;
}
Thanks
Hi There,
I try to get rid of the space between menu and revolution slider.
I found a css in another post. It helped a bit, but still there is a gap.
When I enter the post-page the gap is still there too.
Please look at them images to see what i mean. and here the css i used so far:
.td-main-page-wrap {
padding-top: 0px;
}
Hi,
You could set a negative margin for the row containing the grid and the row containing the block below – http://prntscr.com/notwqp – http://prntscr.com/notwyp Use a value of 48px because these are the default margins between rows.
Or I could give you a code for it, to remove the padding and margin as you want
– http://prntscr.com/nou14i
The code can be entered in the theme panel, custom CSS section
.home .td_block_wrap.td_block_big_grid_fl_1 {
margin-bottom: 0;
}
.home.td-health .td-main-page-wrap {
padding-top: 0;
}
I could modify the code if needed.
Thanks
Hi,
How can I reduce the space between the category title and its description?
Example of a category page: https://www.coupdepoker.com/culture-poker/
https://ibb.co/jhwKhsy
Fyi, I’m already using this CSS:
.td-header-style-10 .td-logo-wrap-full {
min-height: 80px;
line-height: 80px;
}
.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 80px;
}
.td-main-page-wrap {
padding-top: 30px!Important;
}
.td-page-title{
text-align: center;
line-height: 45px;
padding: 30px 5% 50px;
letter-spacing: .02em;
}
.td_category_template_7 .td-category-title-holder{
padding: 30px 5% 50px;
}
Thanks
Hi,
Please replace the above custom css with this one
<style>
.td-main-page-wrap {
padding-top: 0;
margin-top: 48px;
}
.post, .post .td-post-header-holder, .td-post-template-4 .td-post-title ,.td-pb-row, .td-container-wrap {
background-color: #f7f7f7;
}</style>
If there is still a page/post that do not have the full background color set please provide me that link.
Hope this will help you!
Thanks.
After Application of the code given by you it be become like this ( http://prntscr.com/nfbrln) so how can I make the white also grey
here is the code you gave me
<style>
.td-main-page-wrap {
padding-top: 0;
margin-top: 48px;
}
.td-post-template-4 .td-post-title ,.td-pb-row, .td-container-wrap {
background-color: #f7f7f7;
}
</style>
Hi,
That is happen because first is load the style from theme files, only after that is load the style from theme panel, what you can do is to set the css in theme files -> https://www.screencast.com/t/sKt8qi631m wp-content/themes/Newspaper/style.css or you can set the code in Theme panel>Analytics/JS Codes ->https://www.screencast.com/t/htFOQ1yUpegD in header
<style>
.td-main-page-wrap {
padding-top: 0;
margin-top: 48px;
}
.td-post-template-4 .td-post-title ,.td-pb-row, .td-container-wrap {
background-color: #f7f7f7;
}
</style>
-> https://www.screencast.com/t/ETkRifNIqOiA
Hope this will help you!
Thank you!
hi, I just renewed the support because I’m wasting a lot of time for changes. I’m not a technician.
I use header style 9 | top bar style 1 | Footer style 8
I have a big list of changes and issue to solve …. ehehe so I start with this.
This is my css – I put in so You can check any issue
.td-a-rec-id-sidebar > div{
margin-bottom: 5px!important;
}
.td-main-page-wrap {
padding-top: 24px;
}
.td-all-devices{
margin-bottom:5px!important;
}
.td-ad-background-link {
cursor: pointer; cursor: hand;
}
.td-social-google, .td-social-pinterest, .td-social-facebook, .td-social-twitter{
display:none!important;
}
.td_block_related_posts .td-related-right {
display:none!important;
}
.category .td-page-title{
display:none!important;
}
/*.sf-menu{
margin-left: auto;
margin-right: auto;
display: table;
}*/
.entry-title, .td-module-title {
text-align: left;
}
.td-module-meta-info {
text-align: left !important;
}
.td-excerpt {
text-align: left !important;
}
.home .td-header-rec-wrap {
display:none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
th, td {
text-align: left;
padding: 9px;
}
tr:nth-child(even) {
background-color: #f2f2f2
}
.intestazione {
color: white;
background: black;
}
.page-id-12658 .td-header-wrap, .page-id-12658 .td-footer-wrapper, .page-id-12658 .td-sub-footer-container {
display:none !important;
}
I would like to know if it’s possible display different version ads (for desktop and for mobile).
I try with this code
<div class=”td-all-mobile” style=”padding:0px”> I have a revolution slider inside </div>
<div class=”td-all-desktop” style=”padding:0px”> I have a revolution slider inside </div>
but don’t work.
I’ll wait for your answers. Probably You need more info…?
Thank a lot for your help.
Hi,
Please set this custom css in Newspaper>Theme panel> Custom code > Custom css this should make your website to have the same background color.
.td-main-page-wrap {
padding-top: 0;
margin-top: 48px;
}
.td-post-template-4 .td-post-title ,.td-pb-row, .td-container-wrap {
background-color: #f7f7f7;
}
Thank you!
Hi,
You can edit the page with tagDiv Composer and set some margin, padding and background color on those elements or you can use this custom css that will apply only on this page -> https://www.screencast.com/t/TT4uLMwI
.page-id-2358 .dd_post_share {
margin-bottom: 0;
background-color: #222222;
}
.page-id-2358 .td-main-page-wrap {
padding-top: 0;
}
Thank you!
Hi,
All pages have set padding top 48px , what you can do is to edit those pages using tagDiv Composer and set a margin top “-48” -> https://www.screencast.com/t/jobzSZkhFRk
Or you can use a custom css -> https://www.screencast.com/t/OsDnHT52g
.page .td-main-page-wrap {
padding-top: 0px;
}Set the code in Theme panel>Custom code>Custom css
Thank you!
I’ve been using Newspaper for over a year on my website and never had an issue upgrading. When I went from 9.5 (I think) to 9.6.1, the coloring of my main menu and footer disappeared. I have attempted the upgrade 3 different times and get the same result.
This is how it used to look. (Ignore the under construction banner):
Menu: http://prntscr.com/n39w6p
Footer: http://prntscr.com/n39vyv
Widgets: http://prntscr.com/n39wc3
This is how it looks now…
Menu: http://prntscr.com/n39wl4
Footer: http://prntscr.com/n39x3e
No widgets: http://prntscr.com/n39wwi
Another thing that is odd. The top featured post image used to have different dimensions. Now all of the posts on the homepage look the same. See the pretzels top post image:
Now: http://prntscr.com/n39yc0
Before: http://prntscr.com/n39z44
I am using header style 6 and footer style 14.
..The website is http://prntscr.com/n39x3e
There is some custom CSS but this has not changed in months and I have never had an issue with prior upgrades:
/* widget title color start */
.td-theme-wrap .block-title > span, .td-theme-wrap .block-title > span > a, .td-theme-wrap .widget_rss .block-title .rsswidget, .td-theme-wrap .block-title > a, .widgettitle, .widgettitle > a, .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-related-title .td-cur-simple-item, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce .product .products h2:not(.woocommerce-loop-product__title), .td-theme-wrap .td_block_template_2 .td-block-title > *, .td-theme-wrap .td_block_template_3 .td-block-title > *, .td-theme-wrap .td_block_template_4 .td-block-title > *, .td-theme-wrap .td_block_template_5 .td-block-title > *, .td-theme-wrap .td_block_template_6 .td-block-title > *, .td-theme-wrap .td_block_template_6 .td-block-title::before, .td-theme-wrap .td_block_template_7 .td-block-title > *, .td-theme-wrap .td_block_template_8 .td-block-title > *, .td-theme-wrap .td_block_template_9 .td-block-title > *, .td-theme-wrap .td_block_template_10 .td-block-title > *, .td-theme-wrap .td_block_template_11 .td-block-title > *, .td-theme-wrap .td_block_template_12 .td-block-title > *, .td-theme-wrap .td_block_template_13 .td-block-title > span, .td-theme-wrap .td_block_template_13 .td-block-title > a, .td-theme-wrap .td_block_template_14 .td-block-title > *, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i, .td-theme-wrap .td_block_template_15 .td-block-title > *, .td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter, .td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter i, .td-theme-wrap .td_block_template_16 .td-block-title > *, .td-theme-wrap .td_block_template_17 .td-block-title > * {
color: #4f1780!important;
}
/* widget title underline color start */
body .block-title {
border-color: #523F6D;
}
/*latest answer category */
.td-subcat-filter .td-subcat-list a{color:black!important;}
/* block navigation arrow color */
.td-next-prev-wrap a {color:black!important;}
.entry-crumbs a {
color: black;
}
.entry-crumbs {
color: black;
}
/* Keeps main menu logo from screwing up in tablet view */
@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-6 .td-container {
width: 100%;
}
.sf-menu>li>a {
padding: 0 8px;
}}
/* Remove extra whitespace around footer */
.td-main-content-wrap{ padding-bottom:0; }
/*Remove extra purple space in purple footer */
.td-footer-template-14 .td-footer-bottom-full{ padding-top: 0; }
.td-footer-bottom-full .td-pb-row>.td-pb-span3 {
margin-bottom: 0px;
}
/* reduce padding under purple header main menu REMOVED 9/4/18
.home .td-main-page-wrap {
padding-top: 1px;
}
*/
/* Hide ABOUT US in the footer */
.td-footer-wrapper .block-title span{ display:none }
/* Spacing between sharing buttons and content */
.td-post-sharing-top {
margin-bottom: 5px;
}
/* Spacing between Facebook like button and social media sharing icons */
.td-post-sharing-classic + .td-post-sharing {
margin-top: 20px;
}
/* COMMENT Font */
#reply-title{font-family: Verdana;}
/* WP Discuz LEAVE A REPLY Font
#wc-comment-header{font-family: Verdana;} */
/* WPForms font color */
div.wpforms-container-full .wpforms-form .wpforms-title {
color: #007acc;
}
Hi,
This is happen because all of them (post/page/category) have set a different padding top.
Please set this custom css in theme panel > custom code>custom css and the breadcrumbs will be in the same pace like in post ->
.td-crumb-container {
padding-top: 11px;
}
.page-template-page-pagebuilder-title .td-main-page-wrap {
padding-top: 0!Important;
}
Thank you!
Only in the homepage, for all the pages it would be like this
.td-main-page-wrap {
padding-top: 0;
}
I could make it to apply for the homepage and that other page if needed, while the rest will be unaffected.
