• drawyourpets

    (@drawyourpets)


    For this site, I need to substitute the top border line for the links with an image:

    screenshot1

    Currently, it’s set for a yellow border line to appear when you hover over the links like this:

    screenshot2
    screenshot3
    screenshot4

    I would like to change the lines to a paw print that I created in illustrator (this is a website about dogs!)

    Paw Print

    As you can see in the first screenshot, this is how the a links are styled:

    `.fusion-main-menu > ul > li > a {
    color: #ffde15;
    }`

    `.fusion-main-menu > ul > li > a {
    border-top: 3px solid transparent;
    height: 83px:
    line-height: 83px;
    font-family: ‘Raleway’, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px:
    }`

    And the styling continues…

    screenshot5
    screenshot6
    screenshot7
    screenshot8
    screenshot9
    screenshot10

    As I look through the stylesheet (style.css) for the WordPress theme (Avada) I do a command + f for this string and it’s style:

    `.fusion-main-menu > ul > li > a {
    border-top: 3px solid transparent;
    height: 83px:
    line-height: 83px;
    font-family: ‘Raleway’, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px:
    }`

    I will need to change border-top to this:

    background-image: url (images/"pawprint.png");

    But that exact string is nowhere to be found in style.css. I can find

    .fusion-main-menu > ul > li > a

    five times but I can’t find one that has the following style inside of it:

    `{
    border-top: 3px solid transparent;
    height: 83px:
    line-height: 83px;
    font-family: ‘Raleway’, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px:
    }`

    I noticed that the first two styles in the console show “(index):90” as the source while the remaining styles show “style.css” as the source. What is “(index):90” and where can I find it so that I can make the appropriate changes (by using a child theme)?

    Thanks for your help!

  • The topic ‘Where to Find Style Source for Avada Theme?’ is closed to new replies.