Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Beth Aber
    Participant
    Post count: 7

    Thanks that worked perfectly. I have the code in the header of the wrapper. It is on the details page, so Thank You it looks great.

    0 ratings, 0 votes0 ratings, 0 votes (0 rating, 0 votes, rated)
    You need to be a registered member to rate this post.
    Loading...
    Beth Aber
    Participant
    Post count: 7
    in reply to: Learn Center #1577

    Hi There – I still working on the photo gallery page. All of the fields are smashed together at the top of the page under the “PHOTO GALLERY – LISTING ID” header. Where do I go to re-arrange this. I have tried to add a container, row and 3 columns into the custom css section for the photo gallery, but it doesn’t work. I used the field labels from the core field section. I know this has to be pretty simple, I just need a little direction. Thanks so much. -Beth

    0 ratings, 0 votes0 ratings, 0 votes (0 rating, 0 votes, rated)
    You need to be a registered member to rate this post.
    Loading...
    Beth Aber
    Participant
    Post count: 7

    O.K. I fixed it. I used the photogallery’s custom css and added the following in:

    .IDX-wrapper-standard .IDX-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    }

    .IDX-wrapper-standard .IDX-thumbnail a>img, .IDX-wrapper-standard .IDX-thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    }

    .IDX-wrapper-standard img {
    vertical-align: middle;
    }
    .IDX-wrapper-standard img {
    border: 0;
    }

    Attached is a screen shot.

    Attachments:
    You must be logged in to view attached files.
    0 ratings, 0 votes0 ratings, 0 votes (0 rating, 0 votes, rated)
    You need to be a registered member to rate this post.
    Loading...
    Beth Aber
    Participant
    Post count: 7

    O.K. I am almost there. I found the border it was around the thumbnails, which did not occur to me. So now I have to override a few of the lines of css for the mobile first photo gallery with some new css. Sometimes this is easier than other times as every thing can get totally screwed up. I need to remove this part of the style sheet Mobile1st.css1:

    .IDX-wrapper-standard .IDX-thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all .2s ease-in-out;
    }

    Then I have to do some centering, which I can do. I am sort of new to this, but I give a good try. Let me know if you have any suggestions. Thanks so much. -Beth

    0 ratings, 0 votes0 ratings, 0 votes (0 rating, 0 votes, rated)
    You need to be a registered member to rate this post.
    Loading...
Viewing 4 posts - 1 through 4 (of 4 total)