Header - Sharing a discovery

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

  1. tahoar

    tahoar New Member

    Oct 30, 2016
    Likes Received:
    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):


    On Mobile, it looks like this:

  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

Share This Page