Hi,
Thank you, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
There should be no problems adding your child theme at this point, but you will need to gather your codes that you added to your functions.php and add them to your child theme functions.php
The css you added to your Quick CSS will be imported into your child theme.
The only issue that some have, is clicking the wrong button when installing the child theme, I’ll explain more about this below.
While you can add codes to the header easily without installing a child theme, you will run the risk of losing all of your custom functions.php codes if you update the Enfold theme.

When you are ready to install the child theme, please disable all caching and copy all of your custom functions.php codes to a text file, then copy all of your quick css to another text file (because our moto is is “back it up”, right :) then go to Enfold Theme Options > Import/Export > Export Theme Settings File, and save it to your computer “back it up”
Then go to the link in the Private Content area and download the child theme file, please don’t use a plugin for this step, download the real child theme and upload it to your themes and activate.
Then Go to Enfold > Import/Export > Import Parent Theme Settings and click the blue button “Import Parent Theme Settings”

When this is done, you will need to go to your homepage and refresh a couple of times and clear your browser cache a couple of times. In some rare cases a couple of colors won’t be right, typically the link colors, don’t panic, this is rare, just let us know and link to your “Theme export file” that you saved earlier.

The last step is to add your custom functions.php codes into your child theme functions.php

I hope this helps put your mind to ease, and remember you can also do a full backup via your webhost to be really sure.

Best regards,
Mike

Hey gatorfan02332,
WordPress by default creates a single page for each attachment that you have on your site.
The attachment page is not a true page that you will find listed with your pages, it is dynamically created.
The css solutions above are only to keep users from clicking the links, not for SEO.
Here is a option: How to Hide Media Attachment Pages in WordPress
Here is another: How to Disable Image Attachment Pages in WordPress

Best regards,
Mike

Hi,
Thanks for sharing your solution, Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
I took a look at your site and found that the strong tag around the word “warning” is responding to the code above, where the code you added also includes other classes, which normally it should, but not in this case.
Perhaps the “elementor” code is conflicting some. But it is working now.

Best regards,
Mike

Hi,
I took a look at your page and found this only occurs with Chrome, and that adding a z-index to the slider seems to solve.
Please try this code in the General Styling > Quick CSS field:

#top.home .avia-slideshow {
z-index: 0 !important; 
}

Or add this css to the WordPress > Customize > Additional CSS
I wrote this to only work on your homepage, if you have other sliders with this issue please let us know.
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hey krzysztofkosz,
Unfortunately this is not available because applying a link to another page on a video slide would interfere with the video cobecause. But as a alternative for your short video loops, try converting them to moving gif’s, you will be able to add the links and you won’t have the issue of videos not playing on mobile devices using the Chrome browser.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

select option {
    background: #E07D37!important; 
    color: #fff!important; 
}

Please adjust the color to suit.

Best regards,
Mike

Hi,
To make your slideshow controls round, in the element, choose “minimal white” in the option “Slideshow control styling”
and then add this code in the General Styling > Quick CSS field:

#top .av-control-minimal .avia-slideshow-arrows a:before {
      border-radius: 100px !important; 
}

On my localhost the controls only show on hover when using “minimal white”, if this is not the case for you please link to your page so we can see and assist with some css.

Best regards,
Mike

Hi,
To reduce the gutter, Please try this code in the General Styling > Quick CSS field:

#top.page-id-3370 .post-entry-3370 .av-flex-placeholder {
    width: 2% !important; 
}

currently it is set to 6% on your site, please adjust to suit.
For the blue panels, we will add padding, so the text isn’t close to the edges.

padding: 0 30px !important; 

we will also add font weight to have the Lato light, I went to Google fonts to find the correct weight number:

font-weight: 300 !important;

This is your new css with these adjustments:

#top.page-id-3370 .post-entry-3370 .av-flex-placeholder {
    width: 2% !important; 
}
#top.page-id-3370 .blue-head h3 {
font-size: 30px !important;
padding: 0 30px !important;
font-family: Lato !important; 
}
#top.page-id-3370 .blue-text p {
font-size: 20px !important;
padding: 0 30px !important; 
font-family: Lato !important; 
font-weight: 300 !important; 
}

Best regards,
Mike

Hey Rupert,
For the column padding, Please try this code in the General Styling > Quick CSS field:

#top.page-id-3370 #main .container {
padding: 0px !important;
}
#top.page-id-3370 #main .container .content {
padding: 0px !important;
}

For the blue sections, please go to and enable: Enfold Theme Options > Layout Builder > Show element options for developers
so you can add a custom class to the text blocks for the headings & text, such as “blue-head” & “blue-text”
Then you can use this code in the General Styling > Quick CSS field to adjust the font-size:

.blue-head h3 {
font-size: 30px !important;
}
.blue-text p {
font-size: 20px !important;
}

Best regards,
Mike

Hi,
The Constriction Demo uses the Fullwidth Easy Slider. Here is the screenshots of the settings;

Best regards,
Mike

Hi,
I have taken a look at your site with Android and found that the test is a darker color than your screenshot.
It looks as though you are using iPhone, and I suspect that this is a device setting.
First you cab try this code in the General Styling > Quick CSS field:

p {
color: #000 !important;
}

If this doesn’t help, please try going to Settings > Accessibility > Increase Contrast on your device and look for “Darken Colors”

Best regards,
Mike

Hi,
Thanks for the login, it looks like you are missing some stylesheets or the file permissions are incorrect.
Please include FTP access in the Private Content area, so we can take a closer look.

Best regards,
Mike

Hi,
Your image is wider than high, and the mobile screen is the opposite. If you created an image that used the same ratio as the mobile screen it would be better.
Then we could use it css to force the background-image to contain:

@media only screen and (max-width: 767px) { 
#top.home .avia-slideshow-inner .av-mobile-fallback-image {
    background-size: contain !important; 
    background-repeat: no-repeat !important; 
}
}

Best regards,
Mike