Immage, accordion

Hi,

Thank you for the update.

1.) The issue with your alignment request is that if we adjust the alignment for pages with the portfolio grid element, the logo won’t align properly on pages containing different elements with different positioning. That’s why we specifically targeted the page. If you want to apply these changes to other pages, simply duplicate the css rule that we provide above and replace the ID in the selector (.page-id-3949) with the ID of the page containing the portfolio grid element.

they fix the alignment of the photos but the underlying text is no longer aligned,

Would you mind providing a screenshot of the issue?

2.) Have you tried removing the css code to bring back the toggle symbols (+ – ) to the accordion element? You can also switch the accordion style to classic.

Best regards,
Ismael

Hi,

Thank you for following up.

1.) You can try pulling the portfolio grid element to the left with this css code.

.page-id-3949 div#av-sc-portfolio-1 {
    margin-left: -5px;
    width: calc(100% + 15px);
}

The number 3949 is the ID of the page and the class name page-id-3949 is applied to the body element of each page. You should be able to inspect the page elements using a browser inspector.

// https://developer.chrome.com/docs/devtools/open/

2.) We tried logging in to the site but the login info above is invalid. Have you tried adjusting the position of the toggle symbols?

.togglecontainer.av-minimal-toggle .single_toggle .toggle_icon {
    left: auto;
    right: 20px;
    position: absolute;
    text-align: right;
}

Best regards,
Ismael

Hi,

I would like to eliminate the lines around the images and align the images to the header

You can remove the border and space around the gallery with this css code.

#top div .avia-gallery .avia-gallery-big {
    border: 0;
    padding: 0;
}

#top div .avia-gallery img {
    padding: 0;
    border-radius: 0;
    border: 0;
}

Thank you for your patience.

Best regards,
Ismael