Hide "Address Information" blue bar

Discussion in 'Templates customization' started by franciscus, Aug 3, 2014.

  1. franciscus

    franciscus New Member

    Joined:
    Feb 2, 2008
    Messages:
    25
    Is there a way to hide the horizontal separators on the signup and profile pages?
    I tried to add a site.css file with
    Code:
    legend { display:none; }
    but that did not help. Anyway, it's way to wide a net.
    I assume I should customize the theme, but I have no idea which file to override.
    Note: I have enabled "Use wordpress theme".
  2. caesar

    caesar aMember Pro Developer Staff Member

    Joined:
    Oct 16, 2009
    Messages:
    2,295
    You need to check source code of your signup form and find ID for this legend tag. It should be something like row-address-0-legend. And then in site.css use the following CSS
    Code:
    #row-address-0-legend {
        display: none;
    }
    This way your CSS will affect only necessary legend and also this selector is enough specific to get more priority against default styles.

    Another approach is using !important statement in your CSS rule but this way all legend tags on your site will be hidden. I do not believe it is desired behaviour.
    Code:
    legend { display:none !important; }
    Best Regards!
  3. franciscus

    franciscus New Member

    Joined:
    Feb 2, 2008
    Messages:
    25
    Thank you for your quick reply. Using the "#" rule did fix the problem.

Share This Page