That worked, thanks.

I changed where it says right to center thinking it would center the icons in the middle of the screen and it put the icons back off the screen like it was before.

How do I center the icons and also bring them to the top of the screen above the logo and hambuger menu?

Thank you.

Hi there yes details below :-)

Also is is possible to have the buttons with the outline – eg the dark transparent and light transparent but change the border colour?

And can there be a hoover effect over the images? I have them as background images so that I can have text and buttons over top of them but the text can be hard to read so a colour transparency that is enabled on hoover or a image blur effect or something – can that be done in the grid?

Hi Yigit

I am confused. The original CSS you gave me wasn’t in the styling sheet – I took it out when I couldn’t get it to work. So I am not sure what the mistake was in the styling that you fixed?
This is what you gave me-
@media only screen and (max-width: 480px) {
.flex_cell.custom-cell {
padding-left: 0!important;
padding-right: 0!important;
}} – this isn’t there anywhere? There is no change – the padding is still there on the mobile.

So I started trying the other option you sent through with the aim of hiding the image on the mobile but the having a colour section with the full width image which only shows on mobile. This is not the preferred option as it means I have to put every image in twice.

But I have started with that option to hide the image on the mobile version. I have added CSS
@media only screen and (max-width: 500px) {
#only-desktop { display: none !important; }
}

I have added the custom class ‘only-desktop’ to the section that holds the pear image on the front page. I have cleared the cache and minified CSS . Image still there. I tried .only-desktop instead of #only-desktop. no change.

I cannot get the custom class option on the sections to work at all.

I would prefer to go back to the first option of removing the padding. Can you look at that for me please?
Appreciate your help.
Karen

Was able to fix this by adding code to functions.php from this thread https://kriesi.at/support/topic/content-element-google-maps/#post-656399.

The footer ist still an “issue” check out this topic: https://kriesi.at/support/topic/fixed-curtain-footer/

Hi Yigit,

Thanks for the reply. That’s not achieving what I want, it is pushing it to the top of the browser window but I would also like the blue line to be full width, so it goes beyond the white border/frame around the site. Another problem is that it seems to be increasing the height of the logo area.

I guess it might not be possible since I am building the site as a fixed frame?

Thanks again

Hey Yigit,

thanks for your help. The notification went to my spam folder, so it took so long for me to answer.

to 1: yes, the site is still in maintaince mode.
to 2: the font family is available in the “General Styling”, but only the regular one, not the italic one which I used for my content.
when I change the font in the “General Styling”, the font, which I like to use for my menue, changes, but the one in the contact form stays the same. So I would prefer another way to solve this problem, if there is one. ;)

Here are all the changes I would like to make:

1. In this older post from last year: https://kriesi.at/support/topic/add-only-the-italic-version-of-a-google-font/ you helped me to use the italic version of a google font for my website. I would love to add this font in the same size & color as my body text, so that the contact form matches the whole design.

2. To match the new colors I would like to change color of the thin grey borders/outlines & the little arrows to: #d4848c

3. I used a drop down field / “select element” in my form as well. Instead of the white background (like the other elements) it has a grey background. Is it possible to change the bg color to white, so that it fits to the other elements?

4. when clicking on the “send/senden” button (hover state) turn brown. It would be amazing if I could change the color as well to #d4848c.

I just figured out what the problem was, or at least how to fix it.. I became suspicious when i couldn’t find the quick css on the page, so I set permissions to 777 as suggested here, and now everything works: https://kriesi.at/support/topic/styling-and-enfold-css-wont-change/#post-279300. Permissions were set at 755. Shouldn’t 755 be okay? But thanks a lot for your help Guenni007! Your code works now.