Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 10, 2019 at 10:51 pm #1065223
    JS

    Hello, I need support: I want to move and place a media element picture (the crosses at the linked website) individually horizontally and vertically. Left center right is too limited for that. Did not find something about in the net.
    I’m still pretty new to WordPress/Enfold – could that work with CSS? If yes, how?
    Cheers, JS

    February 11, 2019 at 1:50 pm #1065420
    JS

    Is this question so difficult?

    February 12, 2019 at 6:50 pm #1066053
    JS

    Hello,
    can someone please help me out?! I thought you could get support here. But so far I’m hanging in the air with my question.
    Ok – I have to feel my way into the topic of custom CSS first: Here at the example of the two crosses: I can move them e. g. with CSS. But only both together through the class "img”;. But I would like to address each one individually, because each cross should have a different position. How do I do that?! Do you have to work with an id? Are they assigned in the window of the object? But how? What’s the syntax? And which line of code do I use to address exactly this ID?
    Maybe there’s a tutorial for that?! I haven’t found anything on the net that I can understand. . . so please support me again! Thank you, Cheers. . .

    February 13, 2019 at 10:50 am #1066381
    Nikko

    Hi JS,

    We apologize for the late response.
    You can use Custom Css Class for that, in the WordPress Dashboard go to Enfold > Layout Builder > check Show element options for developers then save.
    Then each element should have a Custom Css Class field. For the first cross you can put cross1 then for the 2nd cross cross2
    In Quick CSS (located in Enfold > General Styling), add this css code:

    #top .cross1 img.avia_image {
    position: relative;
    top: -10px;
    left: 30px;
}

#top .cross2 img.avia_image {
    position: relative;
    top: 10px;
    left: -20px;
}

    Just adjust the top and left values (you can use negative values).
    Hope this helps.

    Best regards,
    Nikko

    February 13, 2019 at 11:58 am #1066432
    JS

    Hi Nikko,
    this is very simple in deed.
    And very very fine…Thanks a lot, JS

    February 13, 2019 at 12:04 pm #1066438
    Nikko

    Hi gestaltraeume,

    Glad that are able to help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Move mediaelement "picture" individually (per CSS ?)’ is closed to new replies.