This topic is: resolved

Hiding buttons and change display color

  • Divine Soul
    Participant
    Post count: 178
    # 7 months ago

    Hello

    1-
    I want to hide details button for one of the event in event grid as the event is Fully Booked.
    https://svbrahmakumaris.org/BKShivanisv/

    When I use the code below , it hide all buttons in that event grid.
    but I want to hide only the top one .Please see the screenshot attached.
    .page-id-1943 .btn.btn-default.btn-sm{display:none}

    2- I added text FULLY BOOKED next to event headline.
    so How can I change the text color of “FULLY BOOKED” to RED.
    If I use this code then it changes all event details in red
    .page-id-1943 .events-listing .event-detail h4 a{
    color: #d06647;
    }

    website
    https://svbrahmakumaris.org/BKShivanisv/

    Appreciate your help

    Thanks

    Attachments:
    You must be logged in to view attached files.
    AuthorAuthor
    Keymaster
    Post count: 26641
    # 7 months ago

    Hi there

    1. Use custom css
    .page-id-1943 .so-widget-upcoming-events-listing-widget ul li:first-child .to-event-url {display: none}

    2. Changing color of some text in a title isn’t possible out of the box. Try adding the “Fully Booked” text in the title of event in a span tag like <span>FULLY BOOKED</span> If it renders HTML in title then you can use custom css:
    .page-id-1943 .events-listing .event-detail h4 a span{
    color: #d06647;
    }

    Thanks

    Divine Soul
    Participant
    Post count: 178
    # 7 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26641
    # 7 months ago

    1. You need use this class term-125 instead of page-id-1943 in a copy of above code.

    2. Use custom css
    .postid-1872 .single-post-header h2 > span{color:#d06647}

    Thanks

    Divine Soul
    Participant
    Post count: 178
    # 6 months, 4 weeks ago

    Thanks a lot .
    It worked .

    AuthorAuthor
    Keymaster
    Post count: 26641
    # 6 months, 4 weeks ago

    That’s Great! Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Hiding buttons and change display color’ is closed to new replies.