Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #12521

    Hey everyone,

    I’m definitely no expert in css but with the help of the forum and using the web inspector tool in safari, I have been dabbling in a little bit of code here and there to get it to look how I want it to.

    I replaced the default 1, 2, 3 ,4 text under the main slide to 3 columns and I then wanted to replace the text with an image. Having done so I noticed that the right image wasn’t lining up with the main slide.

    I found a previous topic about how to change the one_third column widths my changing the percentages.

    This is the code I had to write to get these to fit with the correct margin size I wanted:

    div .one_third{

    overflow:hidden; margin-left:2.33%; width:31.9%; float:left; position:relative;


    Having done this though, the portfolio and product images on the homepage haven’t had the same effect on these widths and I’m not sure where to go to change it so that they line up with the images I have just placed in under the main slide.

    Please can someone help? I’ve spent all afternoon trying and haven’t go anywhere unfortunately.

    My website is


    I checked your homepage but and the three columns display fine for me (pink areas and kitty t-shirt products). Did you solve the problem? If not it may be a browser and/or OS specific display error.


    Hey, I solved the problem by my changing the sizes from percentages to pixels.



    Glad that you’ve found a solution :)




    Hi Peter, please see this topic which I started which I still need help on. I realised that through doing the changes on the homepage it has broken up the artwork page, I need smaller margins so I can get the images bigger:

    Kind regards



    Hi Kate,

    Since this particular topic is resolved I’m going to go close. We’ll answer your last question on the thread you linked above.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Portfolio and Product Images on Homepage’ is closed to new replies.