Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved image background for Masthead section


Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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/

;)

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks a lot Bat :ph34r:man

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

thanks

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again

Please,you can try with:

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

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites