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:
    126
    Likes Received:
    46
    Occupation:
    Bots programming
    firebug can help you to fix the problem
     
  5. ugjunk

    ugjunk Jr. VIP Jr. VIP

    Joined:
    Jan 1, 2011
    Messages:
    2,609
    Likes Received:
    756
    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,868
    Likes Received:
    1,336
    Yeah need to see the actual page markup...we don't even know what kind of element #title is.