Jump to content


Photo
Resolved

image background for Masthead section

Masthead background

This topic has been archived. This means that you cannot reply to this topic.
5 replies to this topic

#1 Leonardo da Vinci

Leonardo da Vinci

    Super Member

  • Members

  • 145 posts

Posted 22 September 2012 - 04:15 PM

Hi supports

How to create a image background for Masthead section ?

How to make text of Masthead align to left and image to right ?
How to change the size and color of text ?
I would like the masthead be like the one below
https://kippt.com/

thanks

#2 batman

batman

    Bat Learning

  • Members

  • 2107 posts

Posted 22 September 2012 - 05:06 PM

Hi

You can try add in
PageLines > Site Options > Custom Code > CSS Rules

I give you same examples.


 .masthead .masthead-title { font-size: 30px;}.masthead .masthead-tag {font-size: 24px;line-height: 28px;}.masthead h1, .masthead p {text-align: left;}.masthead .btn-large {font-size: 16px;padding: 7px 12px;}.masthead .inner {background: red;}

It is advisable to learn how to do this on your own too.
Check out http://www.pagelines...wiki/Custom_CSS


If you need more CSS help, make sure you've downloaded Firebug for Firefox
and check out W3 Schools for more info.
http://www.w3schools.com/
;)

#3 Leonardo da Vinci

Leonardo da Vinci

    Super Member

  • Members

  • 145 posts

Posted 22 September 2012 - 06:55 PM

Thanks a lot Bat :ph34r:man

It is work grate but It is possible to add image background not a color background

thanks

#4 batman

batman

    Bat Learning

  • Members

  • 2107 posts

Posted 22 September 2012 - 08:11 PM

Hi again
Please,you can try with:

 .masthead .inner {background-image: url (http://YOUR LINK IMAGE.jpg);}


#5 Leonardo da Vinci

Leonardo da Vinci

    Super Member

  • Members

  • 145 posts

Posted 23 September 2012 - 03:56 AM

Thanks

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16278 posts

Posted 23 September 2012 - 09:26 AM

The topic was marked as resolved.