Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

How do I make duplicate images that appear correct in edit mode keep their alignment when published?

Jessie Williamson May 9, 2019

New to using this platform. 

I am creating what is essentially a page menu of buttons to lead to other pages. Each button is a link to other pages and I have used the same image for each one. 

While in Edit mode my  "buttons"  are the same size and aligned however once I publish they all become different sizes. 

1 answer

0 votes
Fabienne Gerhard
Community Champion
May 10, 2019

Hi @Jessie Williamson  - welcome to this wonderful community 

could you describe your problem a little bit better and a screenshot would also help to get your problem fixed. Best would be showing what's the problem in editing mode and what's happening when you publish the site. 

Hope we can help you!

Jessie Williamson May 12, 2019

edit mode.PNGpublished mode.PNG

What I am trying to achieve is these " buttons" the same size and aligned.  The left hand side is a screen shot of what I can see during editing. The spacing is not great but they are at least the same size.   Once I publish I end up with them looking like they do on the right.  I am using a sectioned page layout but have tried without as well, have also tried inserting the images into a table but have the same issue.  The image I am using is the same for all " buttons" just he text has changed and they are all the same size/pixels. 

Fabienne Gerhard
Community Champion
May 12, 2019

Hi @Jessie Williamson - did you try different browsers? 
I think that's really strange  behaviour for pictures. 

Are you using Cloud or Server Version? 

My next idea would be adding a section for each button (see screenshot). This may also solve your problem with spacing. 
image.png

Jessie Williamson May 15, 2019

Hi @Fabienne Gerhard - have tried explorer and Chrome. 

We are on a server version. 

Sections still had the same issue :-(  It did fix the spacing though. 

Fabienne Gerhard
Community Champion
May 15, 2019

Ok that's really strange!

Oh - maybe something I overread the first time. You say you're using the same image for each button - how do you get the text on the "buttons"?

What I did was making an image including the text for each "button" - so there is no way editing them anymore - just a pic with a link.

Another opportunity for you may be creating a Button Macro as you are using Server Version. This would look like this.
image.png

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events