Styling: Slider als Hintergrund des Menüs + Ausrichtung + Schrift – geht nicht

Hallo vet-aktiv,

I’m very sorry for the late reply.

1. I’m not sure I understand what you are looking to achieve, could you try to explain your intentions a bit further please?

2. The font which you have set seems to correspond to the setting in the theme. You have lato for your body font, and Sunshiney for headers under Enfold->General Styling->Fonts. The headers are being overridden by the setting under Enfold->Advanced Styling though, where you have set it to use Lato. Which fonts are you looking to use?

3. I’m not sure where on which page to look for this, could you link to the page directly please? Also, which font are you looking to use?

LG,
Rikard

Hi,

Thanks for the update and clarification.

1. Please try the following in Quick CSS under Enfold->General Styling:

.avia-image-container-inner {
    width: 100%;
}

3. Yes, you can do that, but not from the theme option. You can add inline styling to the text for example:

<p style="font-family: arial;">This text uses Arial</p>

Best regards,
Rikard

• This reply was modified 5 years, 11 months ago by Rikard.

Hi,

Great, I’m glad that you got it working.

Headers; you can set that under Enfold->Advanced Styling. Look for the All Headings option, then set Text Transform to None.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

1. I’m not sure I understand this question, could you try to explain a bit further or post a screenshot highlighting what you would like to change please?

2. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.page-id-98 .flex_column:empty {
    height: 300px;
}
}

Best regards,
Rikard

Hi,

1. Please try this in Quick CSS:

@media only screen and (max-width: 767px) {
#top .avia-slideshow-button {
    margin-top: 0;
}
}

2. I can’t see the results you are getting on my end, the whole image is showing when I view it. Did you try loading the page in an incogonito/private window?

Best regards,
Rikard

Hi,

1. Please try this instead:

@media only screen and (max-width: 767px) {
.home ul.avia-slideshow-inner {
  height: 170px !important;
}
}

2. Try this instead:

@media only screen and (max-width: 767px) {
.page-id-98 .flex_column:empty {
    height: 300px !important;
}
}

Also make sure that you have selected to delete the old CSS and JS files under Enfold->Performance.

Best regards,
Rikard

Hey,

Could you please try adding following code to Quick CSS

@media only screen and (max-width: 480px) {
#top .avia-slideshow-button.avia-color-light {
    margin-top: 0;
}}

That should remove the margin between button and caption and that should make more space at bottom and top :)
Cheers!
Yigit

Hi,

I edited your Color Section element on Contact page and gave it a unique ID “kontakt” and then changed your custom CSS code to following one

@media only screen and (max-width: 480px) {
#top .avia-slideshow-button.avia-color-light {
    margin-top: 0;
}
#kontakt .flex_column:nth-child(2) {
    min-height: 350px;
}}

Then I checked your slider on your homepage and image on contact page on my iphone and both looks fine on my end. Attached a screenshot in private content field below.
Please make sure to flush browser cache on your mobile device before checking :)

Best regards,
Yigit

Hi,

Great, I’m glad that Yigit could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Please try this CSS as well:

@media only screen and (max-width: 767px) {
.responsive .avia-testimonial-image {
    height: 180px;
    width: 180px;
    display: table;
    margin: 0 auto;
}
}

Best regards,
Rikard

Hi,

Please try this as well:

@media only screen and (max-width: 767px) {
.responsive .avia-testimonial-image {
    margin-bottom: 40px;
}
}

Best regards,
Rikard

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Best regards,
Yigit