Where to Find Style Source for Avada Theme?
-
For this site, I need to substitute the top border line for the links with an image:
Currently, it’s set for a yellow border line to appear when you hover over the links like this:
screenshot2
screenshot3
screenshot4I would like to change the lines to a paw print that I created in illustrator (this is a website about dogs!)
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
screenshot10As 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.