Padding Pagebuilder Article - Question | JoomShaper

Padding Pagebuilder Article

G

gralfitox

Template 1 year ago

newskit template

Cant get padding in mobile devices to be fine

capture https://ibb.co/s95v7pH

0
13 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171614

First CSS will fix global padding, use it.

Your idea is too risky. I don't recommend it. It can make only global mess! Of course, it's your site, not mine.


Read Helix Ultimate guide "Custom Code > Custom CSS"

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171606

Hi,

so probably two lines of extra Custom CSS is needed to reduce that padding.

As Webmaster make quick investigation using browser tool >> https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

OR

Share link (URL) to that subpage.


Q: Is that a "classic" Article view or Page view or Article with SPPB mode view ?

0
G
gralfitox
Accepted Answer
1 year ago #171608

take a look, I have cloned a newskit template to have fullwidth for a specific section, that shows onnly pagebuilder articles. (see this topic https://www.joomshaper.com/forum/question/30266)

link in hidden content

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171611

For Mobile View use that Custom CSS (becuase default global template padding is too big as you noticed)

@media screen and (max-width: 740px) {
.blog-details-content .blog-content-wrap {padding: 0 10px 10px;}
}

About padding in Sections (SPPB), remember that they have SEPARATE settings for Mobile view. So if on Desktop view you used 75px or 100px by default it will be used everywhere also on Tablet & Mobile view - and you don't need that.

I talk about (that mistake that you already made)

padd24.gif

Edit that article in back-end editor maybe it will be easier to correct padding in Section. And reload Cached css files to see changes. If you've done the same mistake in more articles, you have to edit all of them. One by one, and Save changes. This is the only way to correct space in some areas.

So you have to switch to Mobile and put smaller value in Section, for example, use 10px or 5px for padding (space). info_2732_2024.gif

0
G
gralfitox
Accepted Answer
1 year ago #171613

no way to customize a css file and avoid doing it for every article? and what file will it be?

0
G
gralfitox
Accepted Answer
1 year ago #171620

seems to be working

thank you and sorry about the duplicity

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171622

You're welcome, and have a nice & productive day.

0
G
gralfitox
Accepted Answer
1 year ago #171625

same there, thank you very much

0
G
gralfitox
Accepted Answer
11 months ago #173982

even though my custom css shows this

https://ibb.co/hKRtq0c

i am getting this

https://ibb.co/SnwfvkT

cant understand links in hidden cointent

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #173989

use #sp-main-body BEFORE .container word

@media screen and (min-width: 1400px) { 
#sp-main-body .container { 
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #173990

Besides in SPPB Settings in Advanced > Container Maximum Width (increase value here!)

Screenshot 2024-11-07 at 13-31-27 SP Page Builder Pro - Joomla 5.2 - Zaplecze.png

0
G
gralfitox
Accepted Answer
11 months ago #173991

I´ll try and wait for the cache to refresh, thank you.

worked, thanks very much

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #173992

Do both.

0