Hi Ismael,
I figured it out. The language code set by translate press is fr-FR for french and en-EN for English. This is what worked for me. You can close this ticket!
Thanks a lot,
Guy

/** New Search **/

#menu-item-search [data-av_icon]:before {
  float: left;
  margin-right: 2px;
  font-size: 16px !important;
}

html[lang=en-US] #menu-item-search a:after {
  content: ' Search';
}

html[lang=fr-FR] #menu-item-search a:after {
  content: ' Recherche';
}

/** end new search **/

Hi Ismael,
I’ve added the code to my child themes style.css, but it doesn’t have any effect. Below is the code that I have in that file. I did clear cache and have compression turned off.
Do you have any idea why this isn’t working.
I’ve included a link to the site.
Thanks,
Guy

#menu-item-search [data-av_icon]:before {
  float: left;
  margin-right: 2px;
  font-size: 16px !important;
}

html[lang=fr_FR] #menu-item-search a:after {
    content: ‘ Recherche’;
}

#menu-item-search a:after {
  content: ' Search';
}

Hi Ismael,
It maybe easier if you log in to the home page and look at the Text Block for the headers and look at the Font Size Changes on the screen adjustments and check that the size does not adjust when you make the browser screen smaller.
Please let me know.

Hi Nikko,
thank you for your Input concerning the button.
Talking about the text element I’m a but surprised you wrote “go to Styling (tab) > Spacing”…
Within the styling-tab I can see “blog-style”, “font-size” and “Colors” only.

If possible to manipulate text elements by CSS – would you pls send an example with all accepted arguments from where I can go further?

Thx

I updated the enfold child with what is available in documentaiton (2018 version). The one I had up was previously dated 2013 I think. That fixed the /* impact verification below*/ issue, which I had been getting when I was logged in. Thank you for that, as it was annoying.

I cleared cache in cloudflare and am still getting the two formatting issues.

I do have the following in the Quick CSS

.footer_font_icon a {
  margin-right: 10px;/*space to the right of the blue*/ outline
  padding-right: 10px;/*between the red and blue outlines*/
}

.minor-meta {display:none !important;}

.entry-footer {display:none !important;}

.tweet-left {
float: left;
margin: 0 20px 5px 0;
width:324px
}

.attachment main a img {
    min-height: 350px;
    min-width: 500px;
    height: 100%;
    width: 100%;
}

.nf-field-container, #ninja_forms_required_items, .nf-input-limit {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
}
#nf-field-4{
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Georgia";
    font-size: 34px;
}

Can you check now and see if you’re seeing the errors, as I am? Agree that it might be something on my site but I can’t find it.

Hi Nikko,

OK, I sent u IOS & Mac-Screenshots attached, pls chk:
Safari and Chrome on Mac and IOS is OK, Firefox and Chrome on Mac not.

Is there anything I can do via Quick CSS to ensure browsers using grotesk fonts and no serifs?
Or via Custom CSS on the child side to manipulate Font size, weight, family …

• This reply was modified 2 years, 9 months ago by Nomad.
• This reply was modified 2 years, 9 months ago by Nomad.
• This reply was modified 2 years, 9 months ago by Nomad.

I think you misunderstood me.
I meant the css in your earlier letter of August 28, 2022.
————————–
This looked like this in its entirety:
@media only screen and (max-width: 1024px) {
#av_section_2.av-parallax-section {
overflow: visible;
}
#av_section_1 .av-section-color-overlay {
opacity: 0;
}
}
————————–
What does the (extra) css mean?
#av_section_1 .av-section-color-overlay {
opacity: 0;

And why is max width 1024 and not 1366

What do you mean by: Did you try this and adjust the font size to suit your needs, is it working for you?

Hi, Thanks, that has fixed the Accordion.

But there are still two further issues.
1. The Text Block Font Size responsivity is not working, it does not adjust on different screens.
2. When the plugins are active, the Home page does not update.

Thanks for your answer.
By setting it to parallax and the extra css it now works. The lower height header (https://lacasatorre.nl/portfolio-item/zwembad/) has the parallax setting, the higher height header (https://lacasatorre.nl/inrichting/) has the scroll setting.

• Question, what exactly is the difference between parallax and scroll?
• And can you explain to me what the max-width in the css means, what is the meaning of the number of pixels.

Another question I asked, but maybe I should create a new ticket for that?
Can you adjust the font size of the headings (such as swimming pool, living room, etc.) in the pictures at the bottom of the page (masonry) see https://lacasatorre.nl/inrichting/. Intended for the iPad!!

• This reply was modified 2 years, 9 months ago by tomcusters.
• This reply was modified 2 years, 9 months ago by tomcusters.
• This reply was modified 2 years, 9 months ago by tomcusters.
• This reply was modified 2 years, 9 months ago by tomcusters.

Hello again,

Following on from my previous question.

Can you adjust the font size of the headings (such as swimming pool, living room, etc.) in the pictures at the bottom of the page (masonry) see https://lacasatorre.nl/inrichting/

If you then click on a picture (at the bottom of the page), for example swimming pool (https://lacasatorre.nl/portfolio-item/zwembad/ ), and you view this on an iPad or telephone, the block with text and photos will disappear under the header with photo, see: https://imgur.com/a/mtjCwmN !
This is NOT the case on the regular computer.

I’ve tried everything, but can’t find where to change this.
If the photo in the header is higher then it goes well, if the photo is smaller it disappears.

• This reply was modified 2 years, 9 months ago by tomcusters.
• This reply was modified 2 years, 9 months ago by tomcusters.