Hey gerardlok1,
You probably have not finished setting up the woocommerce plugin, try going to woocommerce plugin start, and look for “add your products”:

it probably won’t be crossed out like in the image, click it and on the next screen click “View more product types” then click “Load Sample Products”

This will add 9 sample products and woocommerce will know you have products, then the widgets will show:

Best regards,
Mike

Hey Alan,
When I check the footer on your site, I see three 1/3 columns which are centered, see image 1 below.
Since each column is 1/3 and the content is minimal there is a lot of empty space, see image 2 below.
I assume that you want to make the two columns with text smaller so they are closer together and the center all of them.
Is the correct?

Best regards,
Mike

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please link to your page so we can examine.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for sharing Guenni007

Best regards,
Mike

Hi,
Glad that we were able to help, please note that in this code, the first class is the page:
.page-id-76
so it is only for this page.
the next class is for the first element on the page, which in this case is a column element:
.avia-builder-el-0
if you wanted to add this to multiple pages, you could add a custom class or ID to these column elements under “Developer Settings” on all of the pages.

When you add custom classes in the field you don’t need to add the “dot”, just the class name.
the third class is for the text block:
.av_textblock_section
and then the paragraph text in the text element:
p
Hopefully this will help, if it does let us know and we will close this thread.
You can always open a new thread in the future for further questions.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.header_color .menu-item:not(.current-menu-item) .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    background: gold;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av_minimal_header .avia-menu-fx {
    display: block;
    top: 155%;
    width: calc(100% - 26px);
    left: 13px;
}

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I tried FTP & SFTP and was not able to login with the ports 21 or 22, perhaps you have a different port?
My IP is below.

Best regards,
Mike

Hey dondela,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    right: 30px;
    bottom: 30px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey bbarasa,
Do you mean gradient like this:

.page-id-76 .avia-builder-el-0 .av_textblock_section p {
	    background: linear-gradient(186deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, -0.6) 100%);
}

To format the text try this:

.page-id-76 .avia-builder-el-0 .av_textblock_section p {
	font-weight: bold;
    font-size: 36px;
    font-style: italic;
}

Best regards,
Mike

Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
    fill: #ee1d85;
}
#top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: transparent !important;
}

for this effect:

Best regards,
Mike