Hi,

 

How can I make the highlighted image move into the above space?

 

• http://prntscr.com/gd243u

 

 

Kind regards,

 

Lewis.

Bump.

need alink to the page or post the code

It doesn't move up because it doesn't fit. Bin the masonry gallery thing and keep it simple with fixed sized images - your users will thank you fior it.

Hi,

 

The thing is I haven't entirely decided on this design there are things I would change but it's what the committee agreed on so I have to go with it. The images did all seem to fit fine, I'm not sure what happened.

 

 

https://www.bostonrowingclub.blacklabelhost.com (Test site.)

Bump.

 

This isn't a CSS issue as it was working fine.

Websites are built for users not for committees who frankly don't have a clue about design or what their users want. If such a committee won't listen to sound advice that will improve things for users then I would walk away from the job.

You might want to take a look at the width that has been applied to this element <div class="grid-item W2 S-AMERICA AFRICA" style="position: absolute; left: 1080px; top: 811px;">

give it a width of 25% like all the others instead of the 50%.

That will fix your issue... which incidentally is CSS related.

Edited September 2, 20178 yr by rbrtsmith

Websites are built for users not for committees who frankly don't have a clue about design or what their users want. If such a committee won't listen to sound advice that will improve things for users then I would walk away from the job.

 

Your problem is a CSS issue caused by the CSS generated from the plugin you are using. You never have full autonomy over a layout generated in this way.

 

As much as I agree, I came here for help with resolving the issue. As a member of said Committee, I can say that having no idea about what's best is frankly wrong although the fact that they don't understand the implications of doing it this way is not something I can change, considering i've done a tonne of work on this i'm not about to walk away regardless.

 

If you could please offer some support then that would be brilliant.

 

As much as I agree, I came here for help with resolving the issue. As a member of said Committee, I can say that having no idea about what's best is frankly wrong although the fact that they don't understand the implications of doing it this way is not something I can change, considering i've done a tonne of work on this i'm not about to walk away regardless.

 

If you could please offer some support then that would be brilliant.

I updated my reply. My advice for starting out freelancing is to keep designs as simple as possible. Only add complexity where absolutely necessary. This rings true for all software development. More complexity = greater likelihood of bugs and they are a real time and money sink.

 

Websites are built for users not for committees who frankly don't have a clue about design or what their users want. If such a committee won't listen to sound advice that will improve things for users then I would walk away from the job.

 

You might want to take a look at the width that has been applied to this element <div class="grid-item W2 S-AMERICA AFRICA" style="position: absolute; left: 1080px; top: 811px;">

give it a width of 25% like all the others instead of the 50%.

 

That will fix your issue... which incidentally is CSS related.

 

 

Thank you for this update, i'll give this a go now and let you know.

 

I updated my reply. My advice for starting out freelancing is to keep designs as simple as possible. Only add complexity where absolutely necessary. This rings true for all software development. More complexity = greater likelihood of bugs and they are a real time and money sink.

 

I do agree yet again, although I am a well-established member of the club and am not being paid in any way to do any of this, (there's more to it than just this too.) Unfortunately, this is where I am now, begging for help haha. Considering I'm new to all of this, I'm proud I've got this far, to be honest.

 

Websites are built for users not for committees who frankly don't have a clue about design or what their users want. If such a committee won't listen to sound advice that will improve things for users then I would walk away from the job.

 

You might want to take a look at the width that has been applied to this element <div class="grid-item W2 S-AMERICA AFRICA" style="position: absolute; left: 1080px; top: 811px;">

give it a width of 25% like all the others instead of the 50%.

 

That will fix your issue... which incidentally is CSS related.

 

 

Sorry if im being a complete idiot, where can i even find that? I can't seem to locate it now.

do a search in your project for "grid-item W2 S-AMERICA AFRICA" and you should find that div. remove the 'W2' portion of the className.

do a search in your project for "grid-item W2 S-AMERICA AFRICA" and you should find that div. remove the 'W2' portion of the className.

 

Hi,

 

I may have done this wrong but I now have.

 

http://prntscr.com/gg9t4i

 

and it does this:

 

http://prntscr.com/gg9tfv