• GoDaddy Community
  • Websites + Marketing | Website Builders
  • Websites + Marketing | Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 
    Go to solution
    Highlighted

    Advice on Custom HTML/CSS in Web Builder

    I have inserted a PNG logo which on the home page of the "Dusk" template has a transparent background. Unfortunately on additional pages it puts a white box behind the logo. As the logo is white, this is not helpful!

     

    I can, using tools in Chrome set the CSS of the box to transparent. However, when I put that code:

     

    <style type="text/css">
    .x .c1-3 {
    background-color: rgba(0,0,0,0);
    }
    </style>

    into the Custom HTML it has no effect. What am I doing wrong?

     

    You can see images of the page here.

     

    Thanks for any help!

     

    5 REPLIES 5
    Super User III
    Super User III

    Re: Advice on Custom HTML/CSS in Web Builder

    @davidwduncan 

     

    This CSS should solve your issue

     

    #logo-8329 {background:rgba(0,0,0,0) !important; box-shadow: rgba(0, 0, 0, 0) !important;}

     



    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community

    Re: Advice on Custom HTML/CSS in Web Builder/?isc=gdcommment

    Many thanks.
    I will need to investigate how you got to the div, but thanks all the same
    Super User III
    Super User III

    Re: Advice on Custom HTML/CSS in Web Builder/?isc=gdcommment

    @davidwduncan 

     

    When I did the view source I saw the image itself had an ID and I was able to use that



    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community

    Re: Advice on Custom HTML/CSS in Web Builder/?isc=gdcommment

    Good morning.

     

    I tried the CSS as you suggested but there is a problem... the number used in the logo id keeps changing! Each refresh brings up a different four-digit number. Can wildcards (^, *) be used?

     

    Thanks again for your help


    D

    Super User III
    Super User III
    Solution

    Re: Advice on Custom HTML/CSS in Web Builder/?isc=gdcommment

    @davidwduncan 

     

    This is the wildcard for id starts with logo

     

    [id^="logo"]{background:rgba(0,0,0,0) !important; box-shadow: rgba(0, 0, 0, 0) !important;}

     



    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community