Adrian

Well I’m using it with Elemntor however it does not wish to center if I try to center a container all I get is 2 test images on top of each over. Does not matter what configuration I try weather I use flex box or grid based.

Apologies for the late reply not sure what I’ve done but it now fixed

• This reply was modified 6 months ago by Adrian.

to be honest you could add it to either as it should just override the css styling for that class though at the moment i have it in the gallery CSS.

Apologies I’m still not sure why part of the site?

However try it and see if that helps.

Not sure exactly which section of your website you are referring too however I wonder if its similar to my issue. This was due to the size i set for each of my images in gallery and how foo galleries tries to be responsive. For me I had to add the follow custom css:-

@media handheld, only screen and (max-width: 767px) {
.foogallery .fg-image {
    height: 90px;
    width: 140px;
}

It basically tells foo galleries that when the max width of the screen is 767 pixels (most if not all mobile phones in landscape and portrait mode) to change the image size. that way it shows more images per row.

• This reply was modified 6 years, 9 months ago by Adrian.

well i should have worked at it a little harder turned out to be much easier than I thought. So for anyone else wishing to do similar i added this to the gallery custom CSS. I’m pretty sure it could be added to themes css if you want to work on all galleries the same. It’s also possible to change these for other screen sizes too but for me mobile where the worst.

@media handheld, only screen and (max-width: 767px) {
.foogallery .fg-image {
    height: 90px;
    width: 140px;
}

PS i also had to make some theme adjustments as well

Thanks for the reply

I forgot to say this was tested Using google chrome and its development tools

well I have now had chance to look at this issues and if I disable all references to

width:100%
height:auto

from woocommerce style sheets
.woocommerce div.product div.images
.woocommerce img,
.woocommerce-page img

and 1 from style sheet of default wordpress 2016 theme

img

Then image I get along side my size choices is now correct but all the text is laid over it and not along side. So far all I have installed is wordpress woocommerce I’m using the standard wordpress 2016 theme regenerate Thumbnails & duplicate Post plugins. I’ve also added some images to test with.

Dear Mike

Thanks for your reply should have mentioned that other than changing the sizes all the rest of the display settings are the same and as stated above I have ran the regenerate thumbnails so the images have changed shape but as mentioned they are not coming up the right size, although they are the right shape.

ANY ONE ABLE TO HELP PLEASE

Best thing to do is to use either Firebird in firefox or google chrome dev tools. With these should should be able highlight different sections of the screen and find out what css affects that area this should be able to tell you which css holds the colour you need to change. You then need to modify that css file.

To be honest I’m not sure what you are referring too exactly?

jcmart89

These entries will be stored in your themes css file. you would need to check site for your theme to find out where that is located. Most themes give you some where can customise the CSS.

If you are going to do a lot of changes then you are better of creating a child theme. Basically this a copy of the parts of the theme code you intend to modify in a separate folder. Thus allowing the main theme to be updated with out you loosing your changes. Take a look at the link below Child Themes

Not had much chance to look at this in the last few days however I now have public test site still very basic but this link should show you how far I’ve got I’d like title in the orange bar changed to be gallery name when you click on it rather than staying as the album name

Adrian Lock Photography

this will do as said I’ve only tried amending on the fly using the developer tools in chrome.

However If I was to change this in css it would still work but permanently

Pixvault,

thats strange as I worked when I tried it last night using chrome and there development option to play around with my site. I’ve just added those again and it worked fine.

Here is a link to work in progress this is the page I changed

ALP

These are the points I changed with the above entries

<div id="foogallery-album-49">
	<ul class="foogallery-album-gallery-list">
					<li>