Insert Margin into Slider Home Alternate 2

  • Posted in : Photographer
  • Naruto
    Participant

    I really enjoy the photographer theme, thank you!

    I am using the “Home Alternate 2” template as my Start page, the one with the slider. I would like to seperate the 3 pictures shown at a time by a small margin from each other.

    I researched and found that its possible by using the custom CSS:

    .owl-item{margin: 2px}

    While it creates the margin perfectly, it damages the slider. It shows the navigation buttons at the bottom and the picture chain is off centered (hideing a bit from the right pircture and adding a bitt from a fourth picture on the left). Is there a way to make this better?

    serkan
    Moderator

    Hi,
    Could you provide me your related url, please?
    I will have a look if there is a better solution.
    Thanks

    Naruto
    Participant

    Dear Serkan,

    here is a link where I tested the change:
    http://urlgone.com/d7891f/

    Under (appearance => customize => additional css) I added

    .page-id-2608 .owl-item{margin: 2px}

    The first part ( .page-id-2608) limiting the change to this test. The effect are identical without this first part.

    Thank you!

    serkan
    Moderator

    Hi,
    Could you try to use this custom css code;

    .owl-item div { margin-right: 2px; }

    Thanks

    Naruto
    Participant

    Dear Serkan,

    wonderful, that works perfectly fine and looks great!

    Just wanted to add that I am very happy with the theme and your service excels my expectation.

    Thank you, have an awesome day!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it,
    Btw don’t forget to remove the wrong custom css code;
    .page-id-2608 .owl-item{margin: 2px}
    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register