RocketTheme - TOPIC: Aligning Image in Grunge Showcase Position (1/2)

Welcome Guest! Login

0 items Join Now

- Ernie Sugrue
- Jr. Rocketeer
- Posts: 21
- Thanks: 0
Aligning Image in Grunge Showcase Position

Posted 14 years 4 months ago
- Hi!
  
  I am trying to get an image the same width of the template (about 960px) as a header in Grunge. No matter what I do it seems indented at the left and looks misalligned ,
  
  This image is hidden for guests.
  Please log in or register to see it.
  
  The bottom left of the image lines up with `YOU ARE HERE' but I need it to line up with the left border of the main template body
  
  The image is simply a html snippet and is in showcase-a
  
  What can I do to make it line up with the template on both sides?
#547321
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Aligning Image in Grunge Showcase Position

Posted 14 years 4 months ago
- Can you give as a link so we can look into this?
#547350
- Ernie Sugrue
- Jr. Rocketeer
- Posts: 21
- Thanks: 0
Re: Aligning Image in Grunge Showcase Position

Posted 14 years 4 months ago
- Hi
  
  The site is here http://tinyurl.com/27ewlhp
  A TinyURL Preview is http://preview.tinyurl.com/27ewlhp (so you know it's a real site etc)
  (I just don't want Google to index the name of the site and link back here!!)
  
  Anyway the basic issue is the image is too far to the right - it's about the same size as the template (960px) but it's pushed to the right.
  
  Also how do I get rid of the space under the logo so it's flush to the template
  
  Thanks
  Ernie
#547661
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Aligning Image in Grunge Showcase Position

Posted 14 years 4 months ago
- add this at the end of your template.css and clear your cache ...
  
  #rt-showcase div.rt-container div.rt-grid-12 {margin: 0;}
  #rt-showcase div.rt-block {padding-right: 0;padding-left: 0;}
  #rt-showcase div.rt-block p {margin-bottom: 0;}
  div a#rt-logo {margin: 0;top: -40px;left: -20px;}
#547808
- Ernie Sugrue
- Jr. Rocketeer
- Posts: 21
- Thanks: 0
Re: Aligning Image in Grunge Showcase Position

Posted 14 years 3 months ago
- Hi Henning
  
  Thanks so much for that, if I wanted to remove the `dead' space of the background above and below so the showcase image fits neatly under the menu and flush on top of the saw tooth effect above the You Are Here etc - what do I need to edit in CSS
  
  Thanks again
  Ernie
#548649
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Aligning Image in Grunge Showcase Position

Posted 14 years 3 months ago
- change
  
  #rt-showcase div.rt-block {padding-right: 0;padding-left: 0;}
  
  to
  
  #rt-showcase div.rt-block {padding: 0;margin-bottom: 0;}
#548689
- Sumari
- Newbie
- Posts: 10
- Thanks: 0
Re: Aligning Image in Grunge Showcase Position

Posted 13 years 10 months ago
- Hi there,
  
  I tried what you suggested above but I still have dead space at the bottom and to of my showcase header... what could be the problem?
#622313
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Aligning Image in Grunge Showcase Position

Posted 13 years 10 months ago
- a link to your site would help ...
#622314
- Sumari
- Newbie
- Posts: 10
- Thanks: 0
Re: Aligning Image in Grunge Showcase Position

Posted 13 years 10 months ago
- Hi there,
  
  sorry about that... here is the link...
  
  www.bedesigner.com/demo2/
  
  One more question...I can't seem to get the heading of the main content to be the same as the demo sites? you know with the line and the 2 different colours....?
  
  Thanks again for the help and fast respons
#622339
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Aligning Image in Grunge Showcase Position

Posted 13 years 10 months ago
- add this to your css and clear your cache:
  
  #rt-showcase * {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  }
  
  seems you also have an empty <p> in that position. You have to get of that.
#622349