widgets from sidebar are showing up below archive content

Newspaper X
1

Hello :slight_smile:

I installed the newspaper x theme and I love it!

however, I need a little assistance for a few points:

  1. The widgets that I installed for the sidebar on my post pages are showing on the category pages (i believe it’s the archive) but below the content. How can I move the widgets to the sidebar? Can you provide me with a CSS code? https://www.salutfromparis.com/category/paris-activities/

  2. My top header banner is showing also in the widget area below the articles on a category/archive page. I changed the banner settings but it’s not changing it. I would like the banner from the header only be visible in the header. Do you have a code for this? https://www.salutfromparis.com/category/paris-activities/

and last:

  1. I used the css code below to reduce the space between the content widgets on my static front page. However, it’s reducing the space between the widgets on the sidebar on post pages as well and it’s resulting in overlapping widgets. Can you provide me with an CSS code to limit it to the static front page? Explore Paris by Vélib - a half day itinerary by bike | Salut from Paris

.widget {
padding-bottom: px;
margin-bottom: -70px! important;
}

Thank you very much :slight_smile:

2

update: I could solve nr.3, however, i don’t know hot change the widgets on the archive pages.

3

Hey there,

I hope you are well today and thank you for your question.

  1. You can use this plugin to create custom sidebars down to the page post and category. Custom Sidebars – Dynamic Sidebar Widget Area Manager – WordPress plugin | WordPress.org

  2. Here’s the CSS to remove the banner apart from the header.

/*remove ebook banner*/
.newspaper-x-archive-page .newspaper-x-image-banner img {
    display: none;
}

Best regards,
Support.

4

thank you, the banner is gone :slight_smile:

However, the sidebar plugin is cool and I will use it in future, but it is not solving my problem.

If you check this page: https://www.salutfromparis.com/category/paris-activities/ you see 2 blog posts next to each other and the sidebar vertical below.

I would like

  1. that it’s sorted by 3 columns: 1st post - 2nd post - sidebar. All next to each other, that the posts are taking 2/3 of the width and the sidebar 1/3 of it

or if this is not possible:

  1. the sidebar not vertically but diagonal below the post previews

could you provide me with css to do so?

5

Hello there,

You can use the following CSS code to move the side bar by going to Appearance > Customize > Additional CSS and pasting it there.


/*Move sidebar*/
#secondary {
    top: -567px;
    padding-left: 74px;
}

Best Regards,
Support

6

Hello there,

You can use the following CSS code to move the side bar by going to Appearance > Customize > Additional CSS and pasting it there.


/*Move sidebar*/
#secondary {
    top: -567px;
    padding-left: 74px;
}

Best Regards,
Support

7

hello, thanks again for your reply.

I tried the code and its moving my sidebar, but it’s overlapping on the category archive with the blog post area and on the blog post with the header area.

But: maybe it is easier to create a sidebar that is ONLY visible on the blog post but NOT on the archive?

8

additional info: i downloaded the plugin you suggested but no matter what I choose for settings, it is not having any effect

9

Hello there,

I just want to know, have you added any CSS to change the sidebar before I provided you with the CSS? If so what was the CSS that you added or changed?
Best Regards,
Support

10

not that I know, the css I have added is this one, to change colours and the distance of the widgets

.widget
{
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: -50px;
margin-top: -30px;
}

/Menu background color/
.main-navigation {
background-color: #4A96AD}

/Footer background color/
#colophon {
background-color: white;
padding-bottom: 0px;
padding-top: 40px;
margin-bottom: 0px;
margin-top: 30px;
}

/Tag color/
a, a:visited {
color: #7D1935;
}
/title left border/
.section-title, .page-title, .newspaper-x-content .widget-title, .newspaper-x-after-content-sidebar .widget-title, #comments > h3:first-of-type, #reply-title, .newspaper-x-related-posts .newspaper-x-related-posts-title > h3 {
border-left: 5px solid #7D1935;
}

/Menu font color/
#site-navigation a {
color: white;}

div.top-header {
background-color: #4A96AD;}

div.entry-content p {
font-size: 16px !important;
font-family: Helvetica;
}

/remove ebook banner/
.newspaper-x-archive-page .newspaper-x-image-banner img {
display: none;
}

11

Hello again :slight_smile: seeing the post just below this post https://colorlibsupport.com/t/issue-with-widget-and-categories/ … her page looks like what I want to look mine like as well - the sidebar on category and blog post should be the same…

I feel it’s just a setting that is somehow mixed up and that it’s actually the per default setting that is not working for my blog.

under setting - readings … what do I have to tick for “post page”?

12

actually, i think the whole thing will look better once I have more content :slight_smile: Thank you very much for your help, i really appreciated your efforts ! :slight_smile:

13

Hello there,

The sidebar usually displays below the first 2 posts in the theme so adding more posts and categories would help but if you have any issues, simply let us know.

Best Regards,
Support