Header - Sharing a discovery

Discussion in 'Local Business WordPress Theme' started by tahoar, Dec 23, 2016.

  1. tahoar

    tahoar New Member

    Joined:
    Oct 30, 2016
    Messages:
    11
    Likes Received:
    1
    I discovered I can customize the header with CSS. I'm sharing so others can spruce-up their home page.

    I added this code to the InkThemes/Theme Options/Styling Options/Custom CSS text box. The image header-monitors.png is 1000 × 215 pixels.

    .header {
    background-image: url(http://example.com/wp-content/uploads/2016/12/header-monitors.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    }​

    I added the following HTML tags to get the image in the upper-right. In the InkThemes/Theme Options/General Settings/Top Right Contact Details text box add this hyperlink and image link. The image logo.png is 189 x 100 pixels.


    Here's what it looks like in Firefox (the white specs are Wordpress/Jetpack snow option enabled for the holidays):

    upload_2016-12-23_11-6-13.png


    On Mobile, it looks like this:

    upload_2016-12-23_10-54-57.png
     
  2. shruti26

    shruti26 Guest

    Hi Tahoar,

    That's Awesome! I really appreciate your efforts in exploring the things and sharing your knowledge here.

    Let me know if you have further doubts so that I can assist you.

    Thanks & Regards,
    Shruti Jain
    InkThemes.com
     

Share This Page