homepage Welcome to WebmasterWorld Guest from 107.22.70.215
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Accredited PayPal World Seller

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
Overriding CSS hard-coded by my shopping cart template
overidding had coded css
stucazz76




msg:3953324
 10:40 pm on Jul 15, 2009 (gmt 0)

I'm using a custom template from volusion which is hard coded to throw in extra <br>'s with any <div> so it creates spaces where I don't want them. You can see what I'm talking about using firebug to view the center bottom of our page (<snip>) right below the "mma expo" banner.

Now I'm not great at css, but I've managed to customize almost all of that template...

so is there a way I can code this to remove those annoying <br>'s added by volusion's hardcoding?

I really appreciate any help guys...

[edited by: swa66 at 10:54 pm (utc) on July 15, 2009]
[edit reason] No URLs, please see ToS and forum charter [/edit]

 

marcel




msg:3953519
 5:19 am on Jul 16, 2009 (gmt 0)

If the <br> elements are within a container you could do the following.

for example, if the shopping cart looks like this:
<div id="cart">
Item 1 <br /><br />
Item 2 <br /><br />
Total: $9.99<br /><br />
</div>

You could add the following to your CSS:
#cart br {height: 2px}

to make all of the <br /> elements within the cart 2 pixels high.

stucazz76




msg:3953622
 10:18 am on Jul 16, 2009 (gmt 0)

that's great, thank you! I'll try it and let you know the results...

stucazz76




msg:3953636
 10:45 am on Jul 16, 2009 (gmt 0)

No luck... your idea made perfect sense too... any other ideas?

simonuk




msg:3953639
 11:17 am on Jul 16, 2009 (gmt 0)

I'm guessing what you want to do is "hide" the BR's?

If all the BR's are in one div and you don't want ANY of the BR's to show then do something like:
#yourid br {display:none;}

You need to be very cautious with this and do lots of testing but it is a simple fix if the BR's are all located inside divs where you don't need any showing.

stucazz76




msg:3953640
 11:21 am on Jul 16, 2009 (gmt 0)

got it... it was

#cart br{display: none}

simonuk




msg:3953660
 12:46 pm on Jul 16, 2009 (gmt 0)

Just please test very careful as that is a very broad and sweeping change to make in one go :-)

stucazz76




msg:3953661
 12:48 pm on Jul 16, 2009 (gmt 0)

Update:
so i'm using disply:block and it works perfectly in Firefox after all testing, but viewing with IE (i'm using version 8) doesn't do the same. I tried adding a line-height too, but changed nothing in IE...

what could I do that would have same effect on both sites?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved