• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 290
  • Last Modified:

Need some help on layout of front page.


It is an OpenCart site. I would like to get rid of the blue space under the pictures and directly above the ebook black bar.

I also need to make a button bar directly on top of the pictures.

Can someone please advise on how to do this please?

1 Solution
The blue gap comes from the previous div:
.slideshow {
      margin-bottom: 20px;

Removing this (or making it smaller) will take care of the gap.
As for the second request, please indicate which bar you are referring to.
DantechITAuthor Commented:
Thank you, that worked.
For the second part I would like to place a row of buttons above the sprout slideshow.
Something like this:
What is the best way to do this? Do I just need to create gradient buttons and place them there or would it be better to have a small, few pixel image repeat itself and then place the links there? How would I code that?
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now