Cutline Theme Support Forums » Cutline Theme Support Forums

Remove header image, change header color

(8 posts)
  • Started 4 years ago by cliqpreneur
  • Latest reply from Alok
  • This topic is not resolved

  1. cliqpreneur
    Member

    I want to get a bit more real estate on the page by removing the header images. I would also like to change the title color and the background color behind that. I'll apologize in advance for my lack of proper terminology. Still learning!! TIA

    Posted 4 years ago #

  2. junedodge
    Member

    TO GET RID OF THE HEADER IMAGES:
    In the header.php file, toward the end find <div id="header_img">
    Put <!-- in front so it looks like <!-- <div id="header_img">
    Then find the first </div> that follows
    Put --> after that so it looks like </div> -->

    This takes out the images - but the spacing is sort of ugly - here is the link to my test site where I try stuff out..
    http://sdcue.org/hthitest/

    I'm still trying to figure out the other things you asked for - I can change the color of the type but the only background I can change is the stuff right behind the words and that looks - awkward.

    : )

    Posted 4 years ago #

  3. junedodge
    Member

    cliqpreneur -

    Here are the other things you asked for - plus a few other things you might be interested in:

    TO CHANGE THE COLOR of the LARGE WORDS IN THE TITLE (to color #336699 - blue)
    In the custom.css file, at the very end add this:
    .custom a:visited { color: #336699; text-decoration: none; }
    This also changes all the displays for the visited links to this color.

    TO CHANGE THE BACKGROUND COLOR BEHIND THE TWO LINES IN THE TITLE (to color #CCFFCC light green)
    In the custom.css file, at the very end add this:
    #masthead { background-color:#CCFFCC; }

    ------ -------- -------
    NOTE: I must not have removed the header images properly as I still have the dotted line and the bold line surrounding the navigation. Things look better on this site:
    http://parentpage.org/sandiego as I still have the images.
    ------ -------- -------

    Once I added the color to the title the rest of the site looked plain so I added some color to the sidebars. I made these changes (I did in both my testing site (3 columns) and my public site (2 columns) )

    These were all added to the custom.css file at the end:

    CHANGE THE COLOR OF THE LINKS (to color #339933 - green)
    Here is the whole line redone - this what I pasted in custom.css
    .custom a { color: #339933; text-decoration: none; }

    CHANGE THE HEADERS OF WIDGETS
    --CHANGE TEXT COLOR
    --------color: #CCFFCC; - light green
    --CHANGE THE COLOR OF THE BACKGROUND THE TEXT IS DISPLAYED ON TO #336699
    --------background-color: #336699; - blue (same color as the title text)
    --CHANGE TEXT PART SO IT IS UPPER AND LOWER CASE
    --------text-transform: none;

    Here is the whole line redone - this what I pasted in custom.css
    .custom li.widget h2, li.linkcat h2 { color: #CCFFCC; font-weight: bold; font-size: 1.077em; text-transform: none; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #FFFFFF; background-color: #336699; }

    CENTER THE FOOTER
    Here is the whole line redone - this what I pasted in custom.css
    #footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: center; }

    CHANGE MOST OF THE TEXT TO FONT WITHOUT SERIFS
    Here is the whole line redone - this what I pasted in custom.css
    body { background: #fff; color: #333; font: 62.5% arial, verdana, sans-serif; text-align: center; }

    Hope this is helpful - I learned by trying to figure things out!

    Suggestions for how to remove the lines that surround the navbar are welcome! I'm also trying to figure out the best way for each school to have a different look while all being in this installation of wordpress.

    : )
    June

    Posted 4 years ago #

  4. cliqpreneur
    Member

    Thanks so much for the extra effort on the answer. A++

    I'll try these out and see how it goes.

    Thanks again

    Posted 4 years ago #

  5. cliqpreneur
    Member

    The previous information was awesome. I'm definitely learning a few things.

    I realize what I really want to due is put an image in the masthead.

    In style.css:
    There were some lines to un-comment in the style.css which I did. I also tried to change the image reference in the same section of code.

    In header.php:
    I presumed I did not need the h1 and h3 in the masthead, so I commented those out.

    Having done all that I could not figure out how to get the image to display.

    Posted 4 years ago #

  6. junedodge
    Member

    The image is displaying okay now - putting the title of the page in the image is very attractive... Nicely done!

    Posted 4 years ago #

  7. coachbags
    Member

    Cool comments. Big thanks for all visitors and for author. I love this site

    Posted 1 year ago #

  8. Alok
    Member

    hey javin,

    how long did it take you to do that header graphic? I have a graphic in mind that needs creating.. and was thinking maybe I could take care of any more mods to your theme (f you have any in mind) in exchange for some art help. Let me know...http://invscorealty.com/

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.