Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1298924

    Hi, I have been contemplating and searching and I can’t seem to find the way to put the green .png badge for “Trip advisor” between the two color sections. Could you please help me?

    This is what I would like to do:
    https://klemengerbec.wixsite.com/houraway/ljubljana-mountain-biking
    and I would like to do it here:

    #1299194

    Hey Matjaz,
    Thank you for your patience and thanks for the link to your site, although I didn’t see a link to your badge. Anyways the way this is done is by placing your Trip advisor badge code in the lower color section and using a negative top margin to move it up.
    When I check your site the top and bottom color sections are using the same custom ID: tour-detail-section please note that you should ensure that any ID is only used once on any page.
    I made a mockup of your page to demonstrate another approach using css if you only want to add the image and no link, in that case this css would work as long as there are no duplicate custom IDs:

    #tour-detail-section:before {
        background-image: url('https://your-site.com/wp-content/uploads/2021/05/top-rated-trip-advisor.png');
        background-size: 120px 100px;
        display: inline-block;
        width: 120px; 
        height: 100px;
        content:"";
        float:right;
        margin-right:30%;
        margin-top: -50px;
    }

    You would need to adjust the url to the image.
    2021-05-09_175933.jpg

    Best regards,
    Mike

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