Need Some Help With Theme

[shawnaleighdesigns]

I’m using this theme for a client but need some help with the following:

Photo Gallery Page

1.) Make images all of the same size on all (if not most) browsers. Would like to have them more “square” than rectangle. I think I have a ticket opened for this, but if you can respond with this we can close the other one. I think someone said that:

“To make them all the same size you have to set the size as your smallest image, which is the flag image and it’s rectangular”

but I want it to be able to make everything more square regardless if it’s small/rectangular (even if it’s distorted that’s okay).

Youtube Page

1.) Not sure if this is possible, but my client isn’t crazy about the play button that shows on all of the videos. I think it’s fine but figured I would ask – is there a way to remove it but still have a way to click on the videos to play? If not, it’s not a big deal since the way it’s set up is logical to me.

Non-Responsive View On Mobile Devices

1.) I don’t want the site to be “mobile” but when I view some of the pages on my iPad and iPhone, it looks like the right side doesn’t have the same padding as the left side OR it runs off the main container. This mainly happens on the YouTube and Photo Gallery page, but also happens on the blog page.

Browsers

Apple Safari browser – Apparently the mobile header is displaying here when this should be disabled altogether. Also happens on some cell phones. Can you double check for me and let me know how to resolve this if you can replicate this issue?

Firefox – Looks good for the most part, we just need the photos on the photo gallery page to be more square than rectangular.

Google Chrome – photo gallery should have rounded corners, just like Firefox (applies to all browsers)

I don’t know how much you can help but if it’s not “supported” or takes some extra time, please send a quote if any of the above is doable and a timeframe. I’m okay with paying for extra support and any help is appreciated. Feel free to log in as well to resolve any issues.

[David Martin – Support]

1) The uploaded images look to be square but are limited by your custom CSS. Please remove this:

.masonry-gallery .gallery-image.item-animated figure {
    max-height: 100px!important;
}

2) You can test this CSS, however I am not sure this possible as the video is loaded within an iFrame.

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
    display: none;
}

3) The best you could do without enabling the responsive mode is to test this CSS:

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    max-width: 100%!important;
}

4)

Apple Safari browser – this loads the normal header. Not the mobile header.

FF: See 1.

Chrome: The CSS is wrong, this needs to be updated to include all browser support.

Wrong:

figure.animated-overlay {
    border-radius: 25px;
}

Correct:

figure.animated-overlay {
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   border-radius: 25px;
}

Thanks.

[shawnaleighdesigns]

Hello again,

Thanks for the suggestions! They are greatly appreciated. The only comment I have is below:

1.) I removed the custom CSS that I had but it made the photo gallery change back to the masonry layout. I want the sizes to be uniform (which is why the custom CSS was there but it made them rectanglar). I was told that they were rectangular because the CSS was pulling the height from the smallest image, but I want it to pull the height from the largest so that they are more square.

Either way, I’ll just use the Nextgen gallery plugin for this so you don’t have to waste time finding a solution. The theme is great for the most part (by far my favorite) so I don’t need you to reinvent the wheel (although this should be considered in possibly a future update : ) )

Everything else worked for me except the Youtube, but that’s not a big deal since it is in an iframe.

Thanks for your help!

[David Martin – Support]

Ok, glad you got it sorted!

Thanks.