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 9 years, 6 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress 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.