Return to previous page

Image Gallery Misasligned - by stratkar - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Rose Tyler

stratkar

Participant

January 25, 2018 at 19:01

Hello,

I embedded an image gallery (default WP image gallery) in a Project post but the

#183036 Copied

8 Answers

stratkar

Participant

January 25, 2018 at 19:03

Hello,

I embedded an image gallery (default WP image gallery) in a Project post but the gallery is aligned to the left side of the screen on desktop versions.

http://giannetos.gr/project/elegant-%CE%B3%CE%B1%CE%BC%CE%BF%CF%83-%CE%B5%CF%85%CE%B7-%CE%B1%CE%BB%CE%B5%CE%BE%CE%B1%CE%BD%CE%B4%CF%81%CE%BF%CF%83/

#183037 Copied Theme version: 3.5.1

Rose Tyler

Support staff

January 26, 2018 at 08:36

Hello,

Could you please provide temporary wp-admin access in Private Content?

Regards

#183057 Copied

stratkar

Participant

January 30, 2018 at 14:45

Hey,

in private content you’ll find what credentials to login.

Also, when I switch the Header to like this, then in the rest of the pages the rest of the page is overlapping the header like this.

Please, contact administrator
for this information.

#183364 Copied
Rose Tyler

Support staff

January 30, 2018 at 15:35
Hello,

1. Looks like this is not possible to align the gallery, because of this default VC element do not have such possibility, but you may change Image Gallery element to Media grid element https://wpbakery.com/video-academy/media-and-masonry-media-grid/
2. In this case, you may select header that will be looked great on all pages, but for home page header add this code http://prntscr.com/i7osq7:
```
.page-content {
    padding-top: 0;
}
.header-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
}
.header-wrapper .main-nav .menu > li > a {
    color:  white;
}
```
and you may change logo image for home page in page settings > page layout.

Regards
#183366 Copied
stratkar

Participant

January 30, 2018 at 18:03

Thank you very much, that worked well!

However, creating a gallery with the media grid changes the lightbox from your theme’s to an ugly looking one (which is also not good for mobile). Is there a way to create the media grid like you suggested but at the same time keep the theme’s lightbox?
Take a look at what I mean

#183372 Copied
Rose Tyler

Support staff

January 31, 2018 at 10:13
Hello,

Image gallery and Media grid elements are default elements of VC. I can only suggest you use custom css code to make the lightbox of Media grid looks better. Please try to add this code in custom.css file of parent theme or in style.css file of child theme:
```
.pp_content_container .pp_close, div.pp_default .pp_expand {
    padding: 0;
}
@media only screen and (max-width: 480px) {
    .pp_default .pp_description {
        display: none !important;
    }
    .pp_content {
        height: 125px !important;
    }
}
```
Regards
#183409 Copied
awenamim

Participant

September 10, 2019 at 18:58

gotówka online bez bik

#221128 Copied

Rose Tyler

Support staff

September 11, 2019 at 08:33

Hello,

Sorry, don’t understand your question. Please describe it in more details.

Regards

#221157 Copied
Tagged: image gallery, misaligned, themes, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)