Change width of desktop view for blog only

I would like to make the width of the page for the blog pages (blog overview and blog post page) slightly smaller than the rest of my website.

I read in the search that it is possible via the theme presets. Unfortunately I have not been able to do this. Can you help me with how I can do this?

Hi postbox-007,

Thanks for reaching to us and appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

[postbox-007]

Ok, see in Extra info.

Small addition to my last reply:
For the single blog post I have solved this with the design elements (Magin left and right for the lines).
Unfortunately, this does not affect the comment line below the post. This is like the global width setting.

• This reply was modified 1 week, 3 days ago by postbox-007.

Hi postbox-007,

Thanks for details.

Please remove your custom margins.

With the help of Theme Presets, you can select Post type from term condition and select post. https://ibb.co/ZYg7KS0

Then, go to Theme Settings > General > Layout > and you can set custom width.

Check our article about theme preset – https://xtemos.com/docs-topic/theme-settings-presets/

If you have any questions, let me know.

Regards,

NIce, thats work. Thank you.!

Nice. Thank you. One Question:

Can I exclude the header from these specific width?

The header should be exactly as wide as on the other pages.

I have reduced the width again. Now it’s suddenly the full width again?

Cache and used CSS is deleted.

Hi postbox-007,

You did not select type, please double check https://ibb.co/dDS01Tm

Regards,

Of course I have set this and also saved it. However, the system does not accept it and the setting is deleted every time, so that nothing is set in Conditions.

Screenshot 1: Saved
Screenshot 2: After refresh

Attachments:

You must be logged in to view attached files.

Hi postbox-007,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

Yes. If it’s just deactivate, it’s ok.

Hi postbox-007,

Thanks for your patience.

I’ve fixed your issue. Please check your site again.

Regards,

Nice. Thank you ! One Question:

Can I exclude the header from these specific width?

The header menue should be exactly as wide as on the other pages.

It’s not okay. It had worked, but:

The theme preset you set had the name “New Preset”.

I just opened it, renamed it to “Blog” and saved it. Now the conditions are not applied again, but are always deleted by themselves.

Hi postbox-007,

When you changed the name of preset, you also need to select post type as well, please double check https://ibb.co/W3m3zcF

Regards,

[postbox-007]

Strange. Every time I changed the name and set the post type, it was not accepted (as it was in the beginning). Now it works for the time being.

I repeat my other question: Can I exclude the header menu bar and Footer from these settings so that this header bar is just as wide as on all other pages of the website?

• This reply was modified 3 days, 21 hours ago by postbox-007.
• This reply was modified 3 days, 21 hours ago by postbox-007.

Attachments:

You must be logged in to view attached files.

Hi postbox-007,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

body.blog .whb-header .container{
	--wd-container-w: 1700px;
	max-width: var(--wd-container-w);
}

Regards,

This Code works in Blog for:

☑ Header Menue in Blog Page
X NOT in Blog Single Post
X NOT in Footer (Blogpage, Blog Single Post)

Hi postbox-007,

Please remove above code and use below one:

body.blog .whb-header .container,
body.single-post .whb-header .container,
body.blog footer .container,
body.ingle-post footer .container,{
	--wd-container-w: 1700px;
	max-width: var(--wd-container-w);
}

Regards,

[Author]

Posts