• Resolved thesinglegourmet

    (@thesinglegourmet)


    Is it possible to center the text of the Gutenberg “venue” block in a single page event. If so, how?

    I have tried using “aligncenter” in the Additional CSS class(es) field. I also tried adding this code to the custom CSS section of my theme:

    p.block-center-class {
    text-align: center;
    }

    And then using “block-center-class” in the Additional CSS class(es) field.

    Neither of these works.

    To illustrate what I want, on this page, I would like for the venue to be centered: https://thesinglegourmet.net/event/genes-2020-03-15/

    I would like to know how to center the date as well!

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter thesinglegourmet

    (@thesinglegourmet)

    Never mind, I figured it out. For those interested:

    /* centers title of event */
    .single-tribe_events .tribe-events-single-event-title {
    	text-align: center;
    }
    
    /* centers name and address of event */
    .single-tribe_events .tribe-block {
    	text-align: center;
    }
    
    /* centers date and time of event */
    .single-tribe_events .tribe-events-schedule__datetime {
    	text-align: center;
    }

    However… I would also like to remove the white space below the venue block and the date block. I tried padding-bottom: 0px; but it had no effect.

    Plugin Support Jaime

    (@jaimemarchwinski)

    Hi @thesinglegourmet

    I’m glad to hear that you have been able to figure that out!

    Can you provide me with a link to the page where you need assistance, so that I can take a look?

    Thanks,
    Jaime

    Plugin Support Jaime

    (@jaimemarchwinski)

    Hey there! This thread has been inactive for a while so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up and we’d be happy to help. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘center text in Gutenberg block “venue”’ is closed to new replies.