Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 25, 2016 at 4:27 pm #621447
    ridcon

    Hello,
    I can´t find a solution for this problem in the forum.

    I´am using the custom CSS field to display an image on mobile devices only.
    It works fine, but there is always an border/padding around the image.

    Can I control this border/padding around the image with custom CSS / custom field
    I put .mm-only-mo and .mm-image in the custom field at the image element.

    /*Beginn Ansicht nur auf Mobile Device*/
    @media only screen and (min-width: 801px) {
    .mm-only-mo { display: none !important; }}
    /*Ende Ansicht nur auf Mobile Device*/

    /*Begin image without border or padding*/
    .mm-image {
    border: 0 !important; <– doesn´t work
    padding: 0 !important; <– doesn´t work
    }
    /*End Image without border or padding*/

    Any advise.
    Thanks alot
    ridcon

    April 25, 2016 at 4:39 pm #621460
    Yigit

    Hi ridcon!

    Can you please post the link to your page and point out the section you would like to edit so we can provide you more accurate solution?

    Best regards,
    Yigit

    April 25, 2016 at 7:13 pm #621605
    ridcon

    hi yigit,

    the link is in private content.
    There are two pictures the first is embedded as image element.
    Below, the second images is embedded in an grid.
    In case you reduce the witdh of the windows to simulate mobile devices you will se that the first image has a border oder padding zone around the picture. The second picture has no border.

    I want to use the picture as picture element and there should be no border / paddding area around the picture.

    Thanks in advance.

    best regards
    ridcon

    April 26, 2016 at 3:12 pm #622219
    Yigit

    Hey!

    Your page cannot be found. Have you set it to private? :)

    Regards,
    Yigit

    April 26, 2016 at 5:04 pm #622324
    ridcon

    Hi Yigit, I´am very sorry. The page was set to private.
    Now it works.

    Best regards
    Ridcon

    April 26, 2016 at 5:21 pm #622329
    Yigit

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/

    Best regards,
    Yigit

    April 27, 2016 at 8:28 am #622837
    ridcon

    problem

    Hi Yigit,

    with your last advice, I can`t solve the Problem.
    I dont`t want a to use a Color section. I only want to use a Picture element which is displayed without border / space around.

    Please have a look at the screenshot.

    Best regards
    ridcon

    April 29, 2016 at 3:22 pm #624557
    Josue

    Hi,

    The space is probably not coming from the image itself but from its container (padding), using a Color Section would allow you to target the container via CSS and remove it (for that section only).

    Best regards,
    Josue

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