Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Not able to overrule padding on max-width: 768px

Featured Lock Resolved Issue
Hello,

I am using the Revibe template. When I add padding to a row, it gets overruled by the following code (in template.css)

@media (max-width: 768px){
#sp-page-builder .page-content .sppb-section {padding: 40px 0 !important;}
#sp-page-builder .page-content .sppb-section:first-child {padding-top: 0 !important;}
}

I am trying to overrule it, but I can't figure out how!
Can you help me out?

4 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Using this same & similar rule but with different values inside "new" custom.css file.

Sorry but we do not teach CSS here, I hope you know why.

L. Leijen

More than a month ago #Permalink
Thanks for your reply. This is not about teaching CSS, but about fixing a problem in the template. For example, on the 'contact' page: the map also has a padding of 40px on max-width: 768px. See screenshots. Why? The desktop version isn't designed this way. Also, when you add a row into a main row: the padding counts double.

Attachments (2)

  • Schermafbeelding 2018-11-20 om 13.19.22.png
    Schermafbeelding 2018-11-20 om 13.19.22.png 121.2 KB
  • Schermafbeelding 2018-11-20 om 13.19.05.png
    Schermafbeelding 2018-11-20 om 13.19.05.png 124.2 KB

L. Leijen

More than a month ago #Permalink
Hello,

Can you help me out with this problem?

Thanks

Jason Davidson

More than a month ago #Permalink
Whats the live site URL?


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 106
Sifat

Sifat

Total Accepted Answers: 102
Toufiq

Toufiq

Total Accepted Answers: 41
Pavel

Pavel

Total Accepted Answers: 4
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us