Need some space!!

[maxy007]

Hi There,
How do I get a little white space under the Reviews heading between "Click to read more" and the product image below it? Also between the image and the actual review needs a bit of space.

I also notice this happens when you click eGo style starter kits in categories. Currently only 2 items in there but the images are right on top of each other. How do I get a bit of white space between them?

Thanks for reading!!

Web site is www.lovetovape.com.au

Maxy

[stevesh]

Something like this added to the stylesheet:

#reviewsContent {margin-top:2em;}


Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

[maxy007]

Thanks for that Stevesh
Does it matter where in the stylesheet I enter that info?

"Install the Firefox browser and the Web Developer plugin for Firefox".
now that's an awesome tool. I do have another firefox tool that is similar but this one shows me exactly where to change fonts etc!!

[stevesh]

No, unless there is already a rule for #reviewsContent. I usually put all additions at the bottom, following a comment that says "Everything after this point added by stevesh".

[maxy007]

[quote=stevesh;986819]Something like this added to the stylesheet:

#reviewsContent {margin-top:2em;}

Hi Stevesh,
Thank you!!! I added that and it worked. what would I need to add to the stylesheet to:

1) get space between the product images when a category is clicked on and:

2) under the image for the review the text is right below it.

I tried entering #sideBoxContent {margin-top:1em;} for the text under the review image but it didn't work!!

Cheers,

maxy

[maxy007]

I've fixed most of the formatting issues I had with the help of the wonderful people on this forum.

The problem I'm having is there is a large gap between my Good to Know heading and the first link (E-Juice) under it.

how do i get it so it's the same distance as the link under the categories heading?

Thanks for reading!!

Maxy

[Ajeh]

I don't know anything about designer stuff ...

But peeking at your site with FireBug, I notice your headings are written something like:

#searchHeading {
background: url("../images/boxhead-search.gif") no-repeat scroll center top #9966FF;
color: transparent;
padding-top: 45px;
}

But you don't have one for your good to know thingy ... such as:

#goodtoknowHeading{
background: url("../images/boxhead-goodtoknow.gif") no-repeat scroll center top #9966FF;
color: transparent;
padding-top: 45px;
}

So that makes me think you broke pattern and maybe stuffed the image in the sidebox and not the stylesheet or something and that makes the display difference ...

So ... now you just need one of the designer guys to come along and translate the best solution to this to you ...

[maxy007]

Thanks Linda.
I hope they can/do chime in :)

I'm right in the middle of switching hosts at the moment!!

[maxy007]

Hi Linda,
Do you think I could add that at the bottom of the sidebox stylesheet without breaking anything?
Do you just inset lines?

I can't check or make any changes until my new hosting people tell me I'm good to go.

Cheers,

Maxy

[Ajeh]

You can always add and remove ... it either looks good or bad or might lead you to a clue ...

But what I was suggesting is that if you have the image in the sidebox ... that you are managing that differently than the other sidebox headers ... those seem to use the style sheet ...