Forums

[resolved] Site Title covers My uploaded banner (7 posts)

  1. mishlee24
    Member
    Posted 1 year ago #

    Hi!

    I uploaded my own banner in my website (http://www.iphonefrenzy.com) and whenever I add a site title in the General Settings, the site title covers my banner.

    Is there a way to add a site title that won't cover my banner?

    Please help. Thanks in advance.

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    it always helps if the problem is actually visible on the linked site :-(

    find this style in style.css of your theme:

    #title-area #title {
    	color: #FFFFFF;
    	font-size: 30px;
    	font-family: Georgia, Times New Roman, Trebuchet MS;
    	font-weight: normal;
    	margin: 0;
    	padding: 0 0 0 20px;
    	text-decoration: none;
    	line-height: 36px; 	}

    add this to it:
    text-indent: -9999px;
    or this:
    visibility: hidden;
    or this:
    display: none;

  3. mishlee24
    Member
    Posted 1 year ago #

    Sorry, my bad. Here's my problem: http://www.myiphonefrenzy.com

    Thanks for helping! :)

  4. alchymyth
    The Sweeper
    Posted 1 year ago #

    using firefox web developer add-on, i could enter a site title into the right spot to create the problem
    (i didn't mean to cause confusion - just saying - it is easier if the problem is visible immediately.)

    the solution is already posted in my last reply.

  5. mishlee24
    Member
    Posted 1 year ago #

    I've tried adding those one by one, but when I view my webpage the site title is visible.

    Why won't it disappear?

    I'm so sorry if I'm causing you any trouble, but I just want to get rid of of the site title.

  6. alchymyth
    The Sweeper
    Posted 1 year ago #

    my bad - the style is actually in black.css of your theme;

    try and find exactly this style:

    #title-area #title {
    	color: #FFFFFF;
    	font-size: 30px;
    	font-family: Georgia, Times New Roman, Trebuchet MS;
    	font-weight: normal;
    	margin: 0;
    	padding: 0 0 0 20px;
    	text-decoration: none;
    	line-height: 36px;
    	}

    then change it to:

    #title-area #title {
    	color: #FFFFFF;
    	font-size: 30px;
    	font-family: Georgia, Times New Roman, Trebuchet MS;
    	font-weight: normal;
    	margin: 0;
    	padding: 0 0 0 20px;
    	text-decoration: none;
    	line-height: 36px;
    visibility: hidden;
    	}

    (or any other of the suggestions)

    if you edited this style:
    .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
    you got the wrong one.

    to make the changes visible in your browser, you might need to clear the browser cache which might be holding on to the 'old stuff' -

    try to press 'reload' on the browser; or press 'ctrl' nad 'f5' at the same time.

  7. mishlee24
    Member
    Posted 1 year ago #

    Thank you very much!!!
    You've been a great help.
    I appreciate it very much.

    I hope this topic can help future wordpress-ers having the same problem as I did.

    Again, thank you alchymyth!

Topic Closed

This topic has been closed to new replies.

About this Topic