Accordion, Portfolio, Heading

Hi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
I have not used the plugin before so I don’t know how it works, but when I check your site it don’t look like Enfold is active and the elements don’t seem to be Enfold elements.

Best regards,
Mike

Hi,
Thanks, please also like to the pages where we can see each of these elements, for example, I can’t seem to find this element:
https://img.savvyify.com/image/oxhA
and this product is using the elementor plugin so it looks like the way you want the enfold product to look ▸ https://intercettazioni.biz/microspia-audio-gsm-2g/
https://img.savvyify.com/image/oGzM
but to help you with these customizations we need to see the enfold product page.

Best regards,
Mike

Hi,
Thanks for the feedback and the screenshots of your Enfold pages, this will help us identify the changes you are looking to make, please also link to the actual Enfold pages so we can examine the elements and help.
If it is not possible to view the Enfold version of the page unless it is activated in the Theme Switcha plugin, then also take some screenshots of the desired final result for the pages and activate the Enfold theme so we can examine the elements to determine the needed css.

Best regards,
Mike

Hi,
Thanks for the feedback, it would be difficult to try to offer css solutions based only on images, please check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and your live site will stay up and running. You can always ask your webhost to help you with setting this up if you want.
Here are some screenshots of what it would look like:


Most webhosts offer this option but it may look difficult on your webhost.

Best regards,
Mike

Hi,
Thanks for the test page, for #1 try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.togglecontainer.av-minimal-toggle .single_toggle {
    border-bottom: solid 1px #D3D3D3;
}
.togglecontainer.av-minimal-toggle .single_toggle .toggler {
    padding-left: 0;
}
.togglecontainer.av-minimal-toggle .single_toggle .toggle_icon {
    display: none;
}

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.
For #2:

.grid-sort-container .grid-entry .inner-entry {
    box-shadow: none;
}
.grid-sort-container .grid-entry .grid-content {
    padding-left: 0;
}

For #3:

.logo.avia-svg-logo img, .logo.avia-svg-logo svg {
	max-width: 110px;
}

For #5 when I check the product images in the grid it follows the 400×495 aspect ratio and shows at 254×205, it is smaller than the 400×495 that you choose to show in the element settings because you are showing 4 columns and there is not enough room to show the images at that size since your max container width is 1200px

Best regards,
Mike

Hi,
To remove the left padding in the toggles try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-minimal-toggle .toggle_content {
    padding: 12px 35px 11px 0;
}

To remove the icon from the linked images go to Enfold Theme Options ▸ Advanced Styling and enable Linked Image Overlay then choose No Icon

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