Solved

Need some help on layout of front page.

Posted on 2012-04-09
2
273 Views
Last Modified: 2012-04-18
www.JadeThumb.com

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?




Thanks
0
Comment
Question by:DantechIT
2 Comments
 
LVL 16

Accepted Solution

by:
HagayMandel earned 500 total points
ID: 37826284
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.
0
 

Author Comment

by:DantechIT
ID: 37831074
Thank you, that worked.
For the second part I would like to place a row of buttons above the sprout slideshow.
Something like this:
1
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?
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Understanding mobile browsers 9 62
send post values 7 26
Display images from mysql blob type (Not working) 9 26
flex div overflows its container 4 20
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question