Solved

Need some help on layout of front page.

Posted on 2012-04-09
2
285 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
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…
The viewer will learn how to dynamically set the form action using jQuery.

717 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