1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

General template newbie - changing text

Discussion in 'General' started by ellabet, May 1, 2009.

  1. ellabet

    ellabet New Member

    hi there! this is my first post and first attempt at using a template ... i am not completely new to html as i self-taught myself the basics a long time ago ... i'm also not new to photoshop so i was actually doing pretty well changing the template i wanted to use (it's the beautysalon template) ... i've gotten most of my graphics and colors switched out .. my problem is the text ... i can't figure out where or how i'm supposed to do that ... it's not in PS right? but where in my coded doc do i change it as i don't see it? also, i need to get rid of the title "Beauty Salon" at the top and the word "search" accompanied by it's box ... i figured out how to adjust the size of the box but can't get rid of it ... i assumed it was this section of the code:

    #search .text {
    width: 0px;
    }

    but when i delete the whole thing it's still there ... any thoughts? oh, that and the "copyright statement goes here" thing ... i need to get that out too ...

    would greatly appreciate the help!

    thanks!
    elle
     
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Your html must be rusty...:eek:
    as you need to look into the index html page.
    remove the complete "search" div id or you could just remove that which is in between the <div id and the close division
    at the bottom of the page is the "footer" id, just take out the copyright text.
     
  3. ellabet

    ellabet New Member

    oh no doubt my html is rusty ... lol ... it's been like - oh, i don't know 9 years?? and it was just basic understanding ... anyways thanks so much for replying and for the tips ... i think that's just my problem ... i take out the code completely and it just flushes it left ??? what am i doing wrong? i feel like i did all the hard stuff and now it's just the easy stuff left ...

    html, body, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    }
    h1 img {
    display: block;
    }
    img {
    border: 0;
    }
    a {
    color: #990000;
    font-weight: bold;
    text-decoration: none;
    }
    a:hover {
    color: #FFA405;
    text-decoration: underline;
    }
    .left {
    float: left;
    }
    .right {
    float: right;
    }
    .more {
    text-align: right;
    }
    .clear {
    clear: both;
    }

    body {
    background: #4b4431;
    text-align: center;
    font: 11px arial, sans-serif;
    color: #312F1A;
    }

    /** layout **/
    #wrapper {
    text-align: left;
    margin: 20px auto;
    width: 714px;
    position: relative;
    }

    #header {
    background: top center url(images/logo.jpg) no-repeat;
    padding-top: 151px;
    width: 490px;
    position: relative;
    }


    #search .text {
    width: 0px;
    }

    /** Body **/
    #body {
    position: relative;
    width: 100%;
    }

    #nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 252px;
    padding-top: 292px;
    background: url(images/pic_1.jpg) no-repeat;
    }
    #nav ul {
    background: bottom right #649725 url(images/nav_bot.jpg) no-repeat;
    margin: 0 7px 0 28px;
    padding: 5px 20px 15px 20px;
    }
    #nav li {
    list-style: none;
    background: bottom left url(images/dots.jpg) repeat-x;
    }
    #nav a {
    color: #FDE7C2;
    font: 18px "bellerose", serif;
    font-style: normal;
    background: #669933;
    padding-right: 8px;
    }

    /** content **/
    #content {
    background: #68d2e2 bottom right url(images/body_bottom_right.jpg) no-repeat;
    width: 462px;
    margin-left: 254px;
    min-height: 278px;
    }

    #content .main, #content .main2 {
    float: right;
    width: 250px;
    margin-top: 14px;
    padding-right: 28px;
    }

    #content .main {
    padding-bottom: 1em;
    border-bottom: 1px solid #D6D3BA;
    }

    #content .main p, #content .main2 p {
    margin: 0em 1em 0 0;
    }
    #content .main2 .right {
    margin-left: 18px;
    }
    #content .main .clear, #content .main2 .clear {
    height: 20px;
    margin-bottom: -10px;
    }

    #beauty {
    float: right;
    width: 134px;
    border-left: 1px solid #D6D3BA;
    padding: 12px;
    background: top right url(images/bogy_top_right.jpg) no-repeat;

    }
    #beauty span {
    float: left;
    width: 12px;
    font-size: 9px;
    clear: both;
    margin-top: 3px;
    }
    #beauty p {
    float: left;
    width: 110px;
    margin: 0 0 0.6em 0;
    padding: 0 0 0 1em;
    line-height: 1.3;
    }
    #beauty .clear {
    height: 10px;
    }

    h2 {
    font: normal 22px "verdana", serif;
    color: #028712;
    margin: 0 0 0.5em 0;
    }

     
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Why are you posting the css file. I could have sworn I said the index.hml file...
    I did it and it worked.
     
  5. ellabet

    ellabet New Member

    oops i'm so sorry ... LOL ... i'm delirious ... off to do that right now ... oy!
     
  6. ellabet

    ellabet New Member

    ok - phew ... got it ... you rock! thanks a million!!!
     
  7. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Good now let's see some results.
     
  8. ellabet

    ellabet New Member

    working on it ... :p ... though now i'm trying to figure out the next step ... LOL
     
  9. zippozippo

    zippozippo New Member

    I think that's just my problem
     
  10. SPAVVN

    SPAVVN New Member

    my problem is a little diffrent, i am nwbie too in making sites but quite good at PS so i changed my site a lot using PS but there is a problem (my template is Movie Company) when i wanna chage menu (home, about us, gallery, portfolio etc) how can i edit it cuz it is picture or what font did u use so i can make my own... cheers :D
     
  11. CovertPea

    CovertPea Moderator Staff Member Verified Member

    SPAVVN-
    There's a blank in your images folder.
    The text used is "ZurichBT 10pt)