- This topic has 7 replies, 2 voices, and was last updated 3 years, 10 months ago by Skandha.
-
AuthorPosts
-
October 11, 2020 at 4:55 pm #262161andrmcalParticipant
The theme features (accommodation, countdown, events, etc) all have a graphic that looks like ___X___ that appears below the title of that section, except for Venue. How do I add it to the Venue feature?
October 12, 2020 at 3:44 am #262205SkandhaParticipant@andrmcal: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.#venue-section .section-title-wrapper { position: relative; } #venue-section .section-title-wrapper:before{ bottom: -7px; background-color: #fff; bottom: -8px; color: #F8578D; content: "\2715"; left: 50%; font-size: 22px; font-weight: 700; line-height: 1; padding: 0 10px; position: absolute; transform: translateX(-50%); } #venue-section .section-title-wrapper:after { border-bottom: 1px solid; content: ""; display: block; margin: 28px auto 0 auto; max-width: 150px; border-color: #F8578D; } #venue-section .entry-title { text-align: center; }
Let me know if this works out!
Kind Regards,
SkandhaOctober 12, 2020 at 7:13 pm #262335andrmcalParticipantIt works, but I also need the text and button for Venue centred to match the rest of the theme.
October 13, 2020 at 1:45 am #262369SkandhaParticipant@andrmcal: Hello there,
Can you please post in your site URL so that I can look into the issue?Kind Regards,
SkandhaOctober 13, 2020 at 1:58 am #262371andrmcalParticipantOctober 13, 2020 at 2:09 am #262372SkandhaParticipant@andrmcal: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.#venue-section .entry-content p { text-align: center; } #venue-section .entry-content .button { display: block; width: 160px; margin: 0 auto; }
Let me know if this works out!
Kind Regards,
SkandhaOctober 19, 2020 at 10:22 pm #263127andrmcalParticipantHow do I get the Venue thumbnail image to go to the edge of the screen on the left-hand side? I can tell it does not go the full length as when I check to put the border in the thumbnail image, it goes to the edge of the screen.
October 20, 2020 at 8:31 am #263185SkandhaParticipant@andrmcal: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.#venue-section .wrapper { padding: 0px; margin: 0px; max-width: unset; } #venue-section .post-thumbnail img { margin: 0; width: 100%; } #venue-section { padding-top: 0; }
Let me know if this works out!
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Venue Theme Feature’ is closed to new replies.