Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #262161
    andrmcal
    Participant

    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?

    #262205
    Skandha
    Keymaster

    @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,
    Skandha

    #262335
    andrmcal
    Participant

    It works, but I also need the text and button for Venue centred to match the rest of the theme.

    #262369
    Skandha
    Keymaster

    @andrmcal: Hello there,
    Can you please post in your site URL so that I can look into the issue?

    Kind Regards,
    Skandha

    #262371
    andrmcal
    Participant
    #262372
    Skandha
    Keymaster

    @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,
    Skandha

    #263127
    andrmcal
    Participant

    How 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.

    #263185
    Skandha
    Keymaster

    @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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.