Navigation Bar & Search This Store at Top & Unwanted White Space
JadedJasperJewel
Posted: Thursday, November 05, 2009 7:54:10 PM

Groups: Member

Joined: 10/25/2009
Posts: 9
I've been studying several pages on customization on Zazzle and 3rd party Zazzle related sites, but I cannot figure this one out...

I've moved the "Search this store" to the top of the navigation bar (as I do not want to have a home button / link at the top); however, I am getting a unwanted whitespace above the search box. I removed the HR section from the CSS , but it still appears there.

I then checked the page source for my products page and came up with this:

Quote:
<div class="productSearchCell">
<div class="hr"></div>
<h3>Search this Store </h3>
<div class="clearfix">


It appears productSearchCell class is inserting a HR above the Search Box by default(?)

Is there anyway to override this behavior?

I've found this override on a CSS page, but not entirely sure if could work, or where to place it, as I only want to remove the HR above the Search field and not above the other navigation bar elements.

Quote:
hr { display: none; }

katieryn
Posted: Thursday, November 05, 2009 8:09:28 PM

Groups: Member

Joined: 5/7/2009
Posts: 34
My CSS is a little rusty, but you could try
Quote:
.productSearchCell hr {display:none}


Since that hr is inside the product search cell class.

Edit: I tried it out an it's
Quote:
.productSearchCell .hr {display:none}
JadedJasperJewel
Posted: Thursday, November 05, 2009 8:20:24 PM

Groups: Member

Joined: 10/25/2009
Posts: 9
Idea Excellent! Works Great! A CSS Noob Thanks You!
Users browsing this topic
Guest


Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
Print this topic
RSS Feed
Normal
Threaded