• jonwainwright

    (@jonwainwright)


    I have a quick question regarding the nav bar. My website is https://www.motortrader-insurance.com (i also run a few other sites) I was wondering how i would go about making my nav bar more attractive.
    As an example https://www.thenewlloyds.co.uk i know from using firebug that they have an image loading behind it(i know its not a wordpress site) how would i do this on wordpres???

    Sorry about my low level of knowledge!

Viewing 5 replies - 1 through 5 (of 5 total)
  • JonWicks25

    (@jonwicks25)

    first I would suggest using a child theme. See here on how to create a child theme.

    This basically means that if you update your theme you wont lose any changes you have made. also it means that if you make an error and break your site it’s a lot easier to fix / revert back to the original.

    Once you have set up your child theme you will need to make changes using styles.css. This file can be found at
    Where-wordpress-is-installed/wp-content/themes/your-child-theme
    You can then fill thi stylesheet as much or as little as you like using CSS to change how certain parts / the complete site look

    Thread Starter jonwainwright

    (@jonwainwright)

    i have a child theme and i kind of know what im doing (i muddle my way through with the help of everyone on here) I was wondering if anyone could explain how i change the nav bar or had a link to a guide or something???

    Thread Starter jonwainwright

    (@jonwainwright)

    any ideas guys or can anyone point be in the direction of a guide?

    Are you using a tool such as Firebug to work with the CSS? It will show you the CSS being used for any element on the page – so for example the nav bar has these styles:

    #access {
        background: none repeat scroll 0 0 #558C89;
    }
    #access {
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
        padding: 0 20px;
    }

    You can then copy the above code to your child theme and make changes there.

    There are other styles too, for contained elements of the navigation. You’ll need to learn basic CSS to make changes…this si a good reference site:

    https://www.w3schools.com/css/

    If you have specific questions or know what you want to change, we may be able to answer those, but we really don’t do custom design work on these forums. You could consider hiring someone to do that kind of work for you:

    https://jobs.wordpress.net/

    Thread Starter jonwainwright

    (@jonwainwright)

    thank you i really would like to learn to do it my for my self but im still quite new to this but ill have a go at this and see how i get on thanks for the help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘nav bar’ is closed to new replies.