Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 2, 2015 at 2:06 pm #512806
    ml8155

    Hi,

    On my landing page I have a logo that I had to move using CSS, here is the code I put in: .page-id-5596 .avia-image-container {margin-left: -90px; margin-top: -105px !important;}.

    However I have another image on this page which has also moved position, I don’t want this. Can you tell me how to differentiate the two images in CSS please?

    Thanks
    Matt

    October 2, 2015 at 2:08 pm #512808
    Yigit

    Hi ml8155!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom class then change your code to following one 

    .your-custom-class {margin-left: -90px; margin-top: -105px !important;}

    Regards,
    Yigit

    October 2, 2015 at 3:28 pm #512863
    ml8155

    Hi Yigit,

    Thanks for that. I have done this and it worked perfectly in full screen but when I minimise the screen the logo gets cut off.

    Thanks
    Matt

    October 2, 2015 at 3:42 pm #512871
    Yigit

    Hey!

    You can change your code to following one to apply it only on desktops

    @media only screen and (min-width: 768px) {
.your-custom-class {margin-left: -90px; margin-top: -105px !important;} }

    Regards,
    Yigit

    October 2, 2015 at 5:29 pm #512928
    ml8155

    Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘I want to differentiate between two images on one page’ is closed to new replies.