Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do I fix this text problem?

    I am adding a little box with free delivery at the top of my site, when someone add's something to their cart it says you need to spend xx more for free delivery but I can't get the text to fit the box(see attached)

    this is my css
    Code:
    div#freehead2 {
        position:relative;
    	z-index:-1;
    	top:-25px;
        width: 230px;
        background : url("/images/freehead_2.gif");
            background-repeat:no-repeat;
        height:55px;
    	padding-top:2px;
    	padding-left:2px;
    	text-align: right;
        }
    TIA
    Attached Thumbnails Attached Thumbnails How do I fix this text problem?-free_del.jpg  

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,313
    Thanks
    23
    Thanked 612 Times in 611 Posts
    I think the easiest way would be to put a line feed (break) after the word more.
    Putting "for free delivery" in a second line.

  • #3
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks I did that, and I didn't think of putting the text in another div tag, which I've done and it looks fine
    Attached Thumbnails Attached Thumbnails How do I fix this text problem?-screen-shot-2013-01-11-15.07.59.png  


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •