View Replies (8)

Resolved Inline Settings not effective

  1. Issue
  1. Yamas
  2. Wednesday, 18 March 2020
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
CSS.jpg CSS.jpg
Responses (8)
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
  1. more than a month ago
  2. Yamas
  3. # 1
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
  1. more than a month ago
  2. Yamas
  3. # 2
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. more than a month ago
  2. Yamas
  3. # 3
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
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
  1. more than a month ago
  2. Yamas
  3. # 4
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
  1. more than a month ago
  2. Yamas
  3. # 5
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
  1. more than a month ago
  2. Yamas
  3. # 6
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.
  1. more than a month ago
  2. Yamas
  3. # 7
Thank you, good to know. I will do as soon as possible.
all the best
  1. more than a month ago
  2. Yamas
  3. # 8


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.