We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

Entering a unique section ID leads to unchangeable CSS (margin/padding) values

Featured Lock Resolved Issue
I experience a similar issue like in this thread: https://www.joomshaper.com/forums/unwanted-gaps-between-rows

However the solution there is only regarding to a section with a specific ID. I shouldn't have to enter every section that has this issue in my custom.css

The issue/bug is:

  1. I give a section/row a specific ID (e.g. "registration" ) Then I add padding and/or margin values for this section in the row options.
  2. Later on, I decide to change the padding values. But these changes have no effect on the frontend
  3. I make sure production mode is off, all caches are cleared and the directory in media/com_sppagebuilder is empty
  4. Only if I change the section id (e.g. to "register" ) the new values have an effect
  5. As soon as I apply the old ID the "wrong"/initial values are applied, although they differ from what's in the style tab of the row options


The page inspector of the browser tells me that the "wrong" CSS for the section is inline in the page. And I find multiple instances of it, maybe because I tried to change it multiple times? (see attachment)

Does that mean the id and its CSS are in the database and the margin/padding values are locked in forever with that ID?

I am not sure, if that is a user (my) error or a bug...!?

Attachments (1)

  • 2020-05-20 10_29_00-.png
    2020-05-20 10_29_00-.png 25.1 KB

5 Answers

Pavel

More than a month ago #Permalink
I am not sure, if that is a user (my) error or a bug...!?

Hi. Most likely it is so - it's your error. But without link to your site it is impossible to say for sure.

I do not quite understand your problem. But in general, no custom css values are not locked in a database. ID should be used in extreme cases, only when the possibility of a class selector exhausted. If you encounter with malfunction when using ID - this means that the ID is not unique.

KE Comm

More than a month ago #Permalink
The page is the Following:
https://kumavision.com/kundenforum/usergroup-fuer-die-fertigungsindustrie

The section with the ID anmeldung has inline styles with 0 padding.
The ID is necessary because there needs to be a direct link to that section.

However the section styles are set to padding-top 100px. As soon as you remove the ID the correct padding is applied.

(The odd thing is: Previously there was a erroneously a second section with the same ID on the page, but that one was deleted and again: No production mode, caches cleared, media-directory cleared.)

PS: I did solve this by using a different ID, but I shouldn't have to. I am not looking for another workaround here, I want to let the Joomshaper team know that this is exists and that it could be a bug.

Attachments (3)

  • 2020-05-20 12_03_19-Usergroup für die Fertigungsindustrie - Firefox Developer Edition.png
    2020-05-20 12_03_19-Usergroup für die Fertigungsindustrie - Firefox Developer Edition.png 15.4 KB
  • 2020-05-20 12_04_01-.png
    2020-05-20 12_04_01-.png 93.8 KB
  • 2020-05-20 12_08_12-SP Page Builder - Edit Page - KUMAVISION - ERP. CRM. BI. CLOUD. - Administration.png
    2020-05-20 12_08_12-SP Page Builder - Edit Page - KUMAVISION - ERP. CRM. BI. CLOUD. - Administration.png 15.3 KB

Pavel

More than a month ago #Permalink
For clarity - I'm not Joomshaper staff. Just I love puzzles. :D

...And yet, it seems your mistake. The problem comes from the the module that you use in mega menu.

1.jpg

And in addition, I have a tip for you. Production mod does not work for sppb modules. Their whole css code is always on the page as you can see it in the screenshot. It is very dirty, heavy and big code and bad code validation. I prefer not to use the SP PB module for things like mega menu.

SP PB module should be used for content parts only - such as content-top, and content-bottom positions, or to insert in Joomla editor such as the description of the category of articles.

Attachments (1)

  • 1.jpg
    1.jpg 610.5 KB

Pavel

More than a month ago #Permalink
On your page, there are several modules containing the same ID.

2.jpg
3.jpg
Use the search that would find all the objects that contain this ID.

4.jpg

Attachments (3)

  • 2.jpg
    2.jpg 335.7 KB
  • 3.jpg
    3.jpg 469.5 KB
  • 4.jpg
    4.jpg 111.2 KB

KE Comm

More than a month ago #Permalink
That was already fixed. You must ahve accessed a cached version


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331323

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