Return to previous page

How to add an image in header section ? - by aapcdirectltd

This topic has 4 replies, 2 voices, and was last updated 10 years, 1 months ago ago by Robert Hall

  • Avatar: aapcdirectltd
    aapcdirectltd
    Participant
    October 14, 2014 at 15:29

    Hi

    I was wondering how I can add an image on the right hand side of my logo ? i have attached an image so that you can understand easily where i would like to put an image.

    http://oi62.tinypic.com/2ypndk6.jpg

    Please, contact administrator
    for this information.
    #19695 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 14, 2014 at 15:39

    Hello,

    Try to add this code into custom.css file and you will have changes like at screenshot: http://prntscr.com/4w3kpb

    .navbar-right{
background: red;
}

    Word “red” you need replace to link with image you want.

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    #19696 Copied
    Avatar: aapcdirectltd
    aapcdirectltd
    Participant
    October 14, 2014 at 16:15

    thanks for your answer, it worked but i want to put a banner there. I tried to change the code you gave me to put a banner instead of the red box but nothing happens. can u please provide me with a code for banner purpose ?
    Thanks

    #19710 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 14, 2014 at 16:24

    Hello,

    Try to do like this.

    .navbar-right{
background: url("http://windscreensrepairslondon.com/wp-content/uploads/2014/09/Logo_Small.png") no-repeat 0 0;
}

    Regards,
    Robert Hall.

    #19714 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘how to add an image in header section ?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Transport – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.