College Landscape cover photo

TallPhotoGuyTallPhotoGuy Major grinsRegistered Users Posts: 160 Major grins
edited February 6, 2021 in SmugMug Customization

With a College Landscape Gallery the cover photo covers 100% of the page, which is ok. I want to move the photo down to see some faces. how do I xo that. I think there is some CCS code.
Also - is there a way to change the vertical size of the cover photo box
Also2 - The cover photo is a horizonal banner. Is there any way to make it a vertical banner. San you wanted a flagpole picture

Comments

  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaRegistered Users Posts: 5,243 Major grins

    @TallPhotoGuy said:
    With a College Landscape Gallery the cover photo covers 100% of the page, which is ok. I want to move the photo down to see some faces. how do I xo that. I think there is some CCS code.

    No need for custom CSS, there is a reposition icon top right corner:

  • JoMelJoMel GermanyRegistered Users Posts: 4 Big grins
    What is the CSS Code to make changes to the cover photo of the College Landscape Gallery
    I want to make a border to just this Image, not to the others in the gallery, but don´t know how
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoRegistered Users Posts: 9,921 Major grins
    edited April 12, 2021

    Try this

    .sm-gallery-cover[data-show-image="true"][data-tile-spacing="12"] {
        max-width: 98.55%;
        border: 10px #999 ridge;
    }
    

    If you change border width, 10px, adjust the max-width so the right margin equalizes with the left margin.

    BTW, when I scroll to the top I see an ghost image in the background.

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • JoMelJoMel GermanyRegistered Users Posts: 4 Big grins
    Hi Allen,

    thanks for the code, but this don`t work. It makes a border, but don`t round the corners.
    I then tried to change the code to

    border-radius: 10px

    but this also don`t work.
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoRegistered Users Posts: 9,921 Major grins
    edited April 13, 2021

    Try this with the border added to the rule.

    .sm-gallery-cover[data-show-image="true"][data-tile-spacing="12"] {
        max-width: 98.55%;  /* adjusts right margin space to equal left side */
        border: 10px #999 ridge;
        border-radius: 20px
    }
    

    There are about 4-5 different border styles you can use.
    Border Styles
    dotted, dashed, double, groove, ridge, inset, outset
    https://developer.mozilla.org/en-US/docs/Web/CSS/border

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoRegistered Users Posts: 9,921 Major grins
    edited April 13, 2021

    deleted

    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.