Your Time:
Our Time:
← Back to discussions

Subheader display

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 4 replies, 2 voices, and was last updated 12 years, 8 months ago by Coolant.

  • 2014-01-06 at 9:37 pm
    Support Expired
    #1913
    Coolant
    Participant
    • Topics: 10
    • Replies: 12
    • Total posts: 22
    • Post count: 16

    Hi,

    I just purchased this theme for building a dentistry website. Really looking forward to it. 🙂

    To begin with, I had this one question for now: How can I have a simple, left indented sub-header for a page? I don’t want to type it out as text and give it a ‘header’ setting. I want it to appear left indented as a page title.

    Any way of doing this? Here’s my URL: http://69.195.124.150/~drbelaja/?page_id=6

    Thanks,

    Revant

    • This topic was modified 12 years, 8 months ago by Coolant.
    2014-01-07 at 3:44 pm
    #1925
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    I see its currently left aligned only. Can you make a screenshot for better picture so that i can help you out.

    2014-01-07 at 4:12 pm
    Support Expired
    #1936
    Coolant
    Participant
    • Topics: 10
    • Replies: 12
    • Total posts: 22
    • Post count: 16

    Hi MAQK,

    Yeah, tinkered with the style.css a little. Figured it out.

    Thanks for replying anyhow. 🙂

    I modified my SUB HEADER code to look like this:

    /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
     * SUB HEADER
    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
    
    #subheader {
    	position:relative;
    	width:100%;
    	margin:0 auto;
    	z-index:0;
    	background-color: #ffffff; 
    	//border-bottom:1px solid #ffffff;
    }
    
    #subheader .inner {
    	overflow:hidden;
    	padding:20px 0;	
    }
    		
    #subheader .subheaderright  {
    	display:text;
    	margin:0px auto;
    	text-align:left;
    }
    	
    #subheader .subtitle h1 {
    	line-height:normal;
    	margin-bottom:0px;
    }
    			
    #subheader .subtitle h1 span {
    	display:inline;
    	vertical-align:middle;
    	margin:0px;
            color:#000000;
            background-color:#ffffff;
            padding: 0 0;
    }
    			
    #subheader .subdesc {
    	min-width:200px;
    	width:50%;
    	margin:0 auto;
    	padding:20px 30px;
    	}
    	
    #subheader .subdesc p{
    	margin-bottom:0;
    	}
    
    2014-01-07 at 4:31 pm
    #1944
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    That’s what i thought you altered something to achieve the layout. If you have anymore queries please feel free to ask.

    2014-01-07 at 4:36 pm
    Support Expired
    #1946
    Coolant
    Participant
    • Topics: 10
    • Replies: 12
    • Total posts: 22
    • Post count: 16

    Thanks! Will do. 🙂

You must be logged in to reply to this topic.