1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Moving blog title to the right

Discussion in 'Web Design' started by thedon23, Mar 7, 2012.

  1. thedon23

    thedon23 Elite Member

    Joined:
    Dec 21, 2009
    Messages:
    1,759
    Likes Received:
    1,268
    I'm using the Genesis Education Child theme..trying to move my blog title (text) to the right, as it's currently hovering over my logo. Anybody think they can give me a hand? This is the code from the css file

    Code:
    #title-area {
    	width: 480px;
    	float: left;
    	margin: 0; 
    	padding: 20px 0 0 0;
    	overflow: hidden;
    	}
    	
    #title-area #title {
    	font-family: Georgia, Times New Roman, Trebuchet MS;
    	font-size: 30px;
    	font-weight: normal;
    	line-height: 36px;
    	margin: 0 0 5px 0; 
    	padding: 0;
    	}
    	
    #title-area #title a {
    	color: #FFFFFF;
    	margin: 0; 
    	padding: 0;
    	text-decoration: none;
    	}
    	
    #title-area #title a:hover {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    	
    #title-area #description {
    	color: #FFFFFF;
    	font-family: Georgia, Times New Roman, Trebuchet MS;
    	font-size: 16px;
    	font-style: italic;
    	font-weight: normal;
    	margin: 0; 
    	padding: 0;
    	}
    
     
  2. dra$tic

    dra$tic BANNED BANNED

    Joined:
    Dec 20, 2010
    Messages:
    393
    Likes Received:
    108
    try adding this line of code below "#title-area #title {"
    Code:
    float: right;
    
    Not sure if it will help but worth a try I guess.
     
  3. thedon23

    thedon23 Elite Member

    Joined:
    Dec 21, 2009
    Messages:
    1,759
    Likes Received:
    1,268
    Tried it, no luck. thanks anyways though :)
     
  4. jamb0ss

    jamb0ss Junior Member

    Joined:
    Feb 9, 2012
    Messages:
    125
    Likes Received:
    45
    Occupation:
    Bots programming
    firebug can help you to fix the problem
     
  5. ugjunk

    ugjunk Jr. VIP Jr. VIP Premium Member

    Joined:
    Jan 1, 2011
    Messages:
    2,340
    Likes Received:
    721
    Location:
    Los Angeles
    Home Page:
    If you can post the link here or send me a PM with your website link, I can help you in a better way. Will have to see the exact codes to suggest you the needed changes.

    If nothing works, try using position: absolute and add position: relative and overflow:hidden to it's parent element.
     
  6. artizhay

    artizhay BANNED BANNED

    Joined:
    Nov 21, 2010
    Messages:
    1,867
    Likes Received:
    1,335
    Yeah need to see the actual page markup...we don't even know what kind of element #title is.