How to Remove Labels

  • harrisonam

    (@harrisonam)


    6 years, 10 months ago

    Is there a way to remove the labels next to my form fields? I deleted them in the plugin, but they keep showing up. If I add spaces, the labels disappear, but the numbers remain. Is there a way to fix that?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Phil

    (@philsbury)

    6 years, 9 months ago

    Hi @harrisonam,

    Looks like you’re using yes/no now. Has that solved this for you?

    Thanks
    Phil

    Thread Starter harrisonam

    (@harrisonam)

    6 years, 9 months ago

    Ah, yeah, I had to switch to the yes/no option since I couldn’t get it to work the other way. I’ll switch it back to the form so you can see.

    Also, is there a way to make the logo smaller in the box? I’d like to get it to about half the size it is currently.

    • This reply was modified 6 years, 9 months ago by harrisonam.
    Thread Starter harrisonam

    (@harrisonam)

    6 years, 9 months ago

    Hi @philsbury,

    Any chance you can take a look at the page now? I’ve changed it back to the input fields.

    Cheers,
    Arthur

    Plugin Author Phil

    (@philsbury)

    6 years, 9 months ago

    Hi @harrisonam,

    Bit of an interesting one, looks like your theme is adding list styles to the li elements, easily fixed with this:

    
ol.age-gate-form-elements li {
    list-style: none;
}

    For the labels, if you want to remove them, I’d use this in order for screen reader to still be able to access them:

    
label.age-gate-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    Or id you want them, but want them above the inputs, this will do it:

    
label.age-gate-label {
    display: block;
}

    You can either put this in your themes css, or the custom CSS editor on the advanced tab in the age gate settings

    Thanks
    Phil

    Thread Starter harrisonam

    (@harrisonam)

    6 years, 9 months ago

    Hey @philsbury,

    Thanks so much for this! Really appreciate your work!

    Thread Starter harrisonam

    (@harrisonam)

    6 years, 9 months ago

    @philsbury,

    Last question and I’ll leave you be. Hahah. How can I reduce the size of the logo on the age gate? I’d like to make it about half the size it is now so that the resolution appears crisper.

    Plugin Author Phil

    (@philsbury)

    6 years, 9 months ago

    @harrisonam,

    haha, no worries, this should do:

    
.age-gate-heading.age-gate-logo img {
    max-width: 35%;
}

    35% is half what it is now, but just tweak it til you get what you want

    Cheers
    Phil

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How to Remove Labels’ is closed to new replies.

Tags