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:

Inline Settings not effective

Featured Lock Resolved Issue
Hi, I hope all of you at Joomshaper are save from the virus. Take care.

Tried to change font-size values for phone in PB addon-content settings. Not effective cause template css values (@ ...767px) overwrite my inline values.
It worked with my older templates and SPPB.

thank you.
Achim

- template: yamas,latest SPPB;
- test-site: site;
- Addes an addon- TEXT-Block on HOME in SPPB; using JCE;Code: (<p>Ihre professionelle Hilfe zur Bewältigung von Stress, Burnout, Mobbing am Arbeitsplatz, in der Schule und im Privatleben.</p>;);
- CONTENT FONT SIZE: Button/PC - changed Font Size to 18; worked well;
Button/Phone - changed size to 17 or s.e.; no effect;
- webtools in browser shows: " body p" or "body" tag in template css, "@ max.. 767px" overwrites my inline values for font sizes. Inline values are stored correctly,

Attachments (2)

  • 2020-03-18 SP Page Builder - Edit Page - KALKA Test - Administration_LI.jpg
    2020-03-18 SP Page Builder - Edit Page - KALKA Test - Administration_LI.jpg 231.2 KB
  • CSS.jpg
    CSS.jpg 127.6 KB

8 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Thanks for great wish. I hope you are also doing well.
Could you please explain our issue a little bit more? In which position your font size does not work? Is it for the whole content or what?
Thanks

Achim Kohl

More than a month ago #Permalink
Hi, sorry, I didn´t want to ignore your answer. I had to solve lots of family problems until now.

Normally I edit - for example - content fontsizes in SPBB addons to optimize views on other devices/smartphones. I use the three device-icons.t change the options. I save the page but the website still use the css of the main template(Yamas); body p { font-size: 13px;} [email protected](max-width: 767px).
When I change content-lineheight or font-weight this way it works as expected.
thank you

Pavel

More than a month ago #Permalink
I save the page but the website still use the css of the main template(Yamas); body p { font-size: 13px;} [email protected](max-width: 767px).

This is because you put the code into the addon CSS field. This field is only for the internal content of the addon. For any code placed there automatically added addon ID.
Such construction is not workable. Media query can not be a child selector for something. It's always just a parent for code snippet.

#sppb-addon-1582197545614 @(max-width: 767px) {...}

From addon CSS field you can not access to external selectors outside of the addon. And it has always worked this way.
Put your code in page css field, template css field or in custom.css file. And it will works.

Achim Kohl

More than a month ago #Permalink
Hi Pavel,
maybe you´ve got me wrong.
example
scroll down to "adresses" PRAXIS ADRESSE

1. In SPPB addon I choose button "smartphone"-device.
2. Change the value for font-size to 20px (see Picture 1-screenshot...)

Now I expect to see the text "Falkenberg1... " in 20px on mobile-device. But it´s still smaller = 13px (see picture 2 screenshot..)



I save the page but the website still use the css of the main template(Yamas); body p { font-size: 13px;} [email protected](max-width: 767px).

This is because you put the code into the addon CSS field. This field is only for the internal content of the addon. For any code placed there automatically added addon ID.
Such construction is not workable. Media query can not be a child selector for something. It's always just a parent for code snippet.

#sppb-addon-1582197545614 @(max-width: 767px) {...}

From addon CSS field you can not access to external selectors outside of the addon. And it has always worked this way.
Put your code in page css field, template css field or in custom.css file. And it will works.
1-Screenshot_2020-04-20-SP-Page-Builder---Edit-Page---Malgorzata-Kalka-Stressmanagement-Coaching---Administration.jpg 2-Screenshot_2020-04-20-SP-Page-Builder---Edit-Page---Malgorzata-Kalka-Stressmanagement-Coaching---Administration.jpg

Attachments (2)

  • 1-Screenshot_2020-04-20-SP-Page-Builder---Edit-Page---Malgorzata-Kalka-Stressmanagement-Coaching---Administration.jpg
    1-Screenshot_2020-04-20-SP-Page-Builder---Edit-Page---Malgorzata-Kalka-Stressmanagement-Coaching---Administration.jpg 45.4 KB
  • 2-Screenshot_2020-04-20-SP-Page-Builder---Edit-Page---Malgorzata-Kalka-Stressmanagement-Coaching---Administration.jpg
    2-Screenshot_2020-04-20-SP-Page-Builder---Edit-Page---Malgorzata-Kalka-Stressmanagement-Coaching---Administration.jpg 178.2 KB

Pavel

More than a month ago #Permalink
Ok. Now I understand. Have you made any changes in to template.css? I see the code, which is not characteristic of the Helix Ultimate.

If you delete it, everything will work well.

11.jpg

Attachments (1)

  • 11.jpg
    11.jpg 221.7 KB

Achim Kohl

More than a month ago #Permalink
Hi Pavel,
thank you for your answer. No, I never change original css files, I use a custom.css.I had this editing behaviour on serveral templates last year. So I thought it could be an SPPB problem after lots of versions/updates. Template css should work.

Yes, these are the two tags I also found with the webtool- inspector. Deleting this may work till the next template update?

There was another problem with a flipbox when using larger types or longer text-lines - it will not be responsive. But I quit using it at the moment.
thank you again

Pavel

More than a month ago #Permalink
Yes, these are the two tags I also found with the webtool- inspector. Deleting this may work till the next template update?

Yes.

If you never change it, then it's not good code from joomshaper team. You should ask the team about correcting it in next update. (I'm not joomshaper team member for clarity).

In order to be sure in bug check the theme.scss if there is the same properties for the body.

Achim Kohl

More than a month ago #Permalink
Thank you, good to know. I will do as soon as possible.
all the best


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

126

Templates

334229

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