Solved Templates

Article box full width

Asked by vbangaru 3 years ago Last activity 3 years ago

https://prnt.sc/vG0kSq_NaNUi

Using Educon template. I want article box to be full width as shown in screenshot. Pls help.

Accepted answer

Marked as the solution

11 more replies

Paul Frankowski Senior Staff

Hi,

  1. please share link to that view (subpage)
  2. is this a single article view or blog view ?
Paul Frankowski Senior Staff
3 years ago · edited

Thanks for the link.

In Template settings > Custom Code > Custom CSS and please paste:

.view-article #sp-main-body, 
.view-category #sp-main-body { padding: 50px 0; }

.view-article article.item {width: 100%;}
.view-article article.item {padding: 25px 25px 10px 15px;}

It will help to increase article width area a lot.

AFTER using CSS

info_656_2023.jpg

To reduce top & left space inside article you can also use that

article.item .content-wrap {
  margin-top: 30px; padding-left: 25px;}
Paul Frankowski Senior Staff

Remove '''

from CSS syntax !! info_658_2023.jpg

vbangaru Asked this

Thank you very much for your timely support.

Paul Frankowski Senior Staff

You're welcome.

I saw that now looks OK :)

Paul Frankowski Senior Staff
3 years ago · edited

It's becuase this is SPPB Page view, that by default doesn't have top space for component area.

Paul Frankowski Senior Staff
3 years ago · edited

Solution would be to add margin directly for left module ONLY on SPPB Page view. Example values:

#sp-left .sp-module:first-child {
  margin-top: 50px !important; margin-left: 20px; }

Remember no '''' this time.

vbangaru Asked this

Tried but unsuccessful. Could not understand where to insert that code. Tried at some places but not able to do it being a novice.
Anyhow it's not a big deal. Thank you for your support.

Log in to reply.