Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 30, 2024 at 3:05 pm #1438753
    frb1

    I’ve been trying to alter the svg logo on my “Transparent and Glassy header”. Per default, the header version uses the logo set in Theme options / Transparency logo, which is white. I’ve set up my “Transparent and Glassy header” to be like the Transparent header, but only black. But since it seem to use my “Transpancy logo” which is white, the logo is well… white.

    Can you perhaps help me with code that use my black version svg logo in the “Transparent and Glassy header”?

    I tried to accomplish it with something like the following, but I guess it’s the wrong code to make the ajustment. (Altered the path for this inquery):
    #top .av_header_glassy.logo avia-svg-logo {
    background-image: url(‘xxxxxxx.svg’) !important;
    }

    Hope you can help and thankyou in advance. Please see link in private content.

    /Best Frederik

    • This topic was modified 9 months ago by frb1.
    March 30, 2024 at 4:55 pm #1438762
    Mike

    Hey frb1,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .html_header_transparency.html_header_glassy .logo .av-contains-svg #Layer_1 .st0{
	fill:#000;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 30, 2024 at 8:50 pm #1438785
    frb1

    Hi Mike,
    So great! That did the job perfectly! Much better than to change the svg… Thank you so much Mike. 5 stars support :)

    BR,
    Frederik

    March 30, 2024 at 9:44 pm #1438786
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom svg logo on Transparent and Glassy Header’ is closed to new replies.