Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 15, 2016 at 3:29 pm #648651
    Nin0

    Hello support team,

    I’ve created a page with a full width easy slider on top and right beneath a column containing a text field. The top margin of this column is set to -100px so that this falls in to the easy slider.
    Please take a look at the sample-1.jpg.(in the private content) So you will see what I mean. On a desktops there is no problem. However, when I viewed it on my mobile the button from the easy slider is hidden behind that white text field (with the -100px top margin) See sample-2 as reference please. I also tried a % based value, but then I got something like you can see in sample-3
    Do you have some tips or good advice to solve this issue? Maybe there is a way to make the easy slider (in responsive modus) a little bit higher? Or do I have to use a completely other way to achieve this?
    I also noticed (as you can see in sample-3 with the arrows) that there is a very small margin. Is it possible to adjust these with some custom css?

    Thanks for your advice and pointing me in to the right direction.
    Best regards,
    Nin0

    June 18, 2016 at 3:07 am #650057
    Ismael

    Hey Nin0,

    Thank you for using Enfold.

    Could you please provide a link to the actual page? Apply the negative top margin on desktop view only. Use css media queries:

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

    Best regards,
    Ismael

    June 20, 2016 at 8:55 am #650688
    Nin0

    Hello Ismael,

    This site is not ready yet, but I can give you the link and credentials of the location where the site is for this moment.
    Please see the Private content.

    You’re saying that I should use css media queries, but I’m not sure how to do this.
    I’ve set the negative padding (margin-top) in the row settings of my first column (see sample-4.jpg). With firebug I could see that this is “flex_column_table av-equal-height-column-flextable” that has the -100px margin-top.
    But how can I change this so that this only effects this first row and nog all the other ones?

    Thanks
    Best regards,
    Nin0

    June 21, 2016 at 7:37 pm #651672
    Andy

    Hi,

    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,
    Andy

    June 21, 2016 at 10:37 pm #651761
    Nin0

    Hello Andy,

    I think that I’ve misunderstood your colleague. I thought he just wanted to see the website and the login credentials were to bypass the restricted “work” area. But no problem, I have created a user (with admin) rights for you. (Please see the private content).

    The first time you have to login is with the credentials that I send before. I have just tested them and they are working. Maybe you should enter these values two times! I don’t know why, but I also have to fill them in twice. After this login, you will see the WP login.

    Best regards,
    Nin0

    June 24, 2016 at 4:35 am #652797
    Ismael

    Hi,

    Did you remove the negative top margin of the column? Please add it back then we can use css media queries to remove the negative top margin on mobile view.

    Best regards,
    Ismael

    June 24, 2016 at 7:55 am #652910
    Nin0

    Hello Ismael,

    Yes indeed. I was working last night on the website because my client is coming to see at the results this evening and I was not sure that there would be a solution on time to remove this negative top margin.
    I add it back now, so you can take a look at it.

    I’m aware that you prefer to create a new topic for a new question, but because my client is coming over this evening I was wondering If you can take a look at my footer when you are on my site.
    In the middle column I’ve inserted a recent portfolio widget, but it’s not working when you click on it. It shows an empty page or just a single image. The same issue with the magazine or masonry element that I’ve placed on the bottom of the home page as an example. If you don’t mind, could you please take a look at this please. Maybe I’m doing something wrong, but I can’t figure it out.

    Thank you
    Best Regards,
    Nin0

    June 24, 2016 at 9:04 pm #653174
    Nin0

    Hi Ismael,

    Sorry to drop in again, but I just want to let you know that I have removed the masonry and magazine samples on the home page because my client is going to take a look at the site this evening.
    But I have created another page were you can find these samples (please see private content).
    Again, if it’s possible to take a look at this other issue here. If you want me to create a new topic, just let me know.

    Best regards,
    Nin0

    June 28, 2016 at 6:01 am #654057
    Ismael

    Hi,

    We are very sorry for the delay. Please add this in the Quick CSS field in order to remove the margin on mobile view:

    @media only screen and (max-width: 767px) {
#av_section_1 .flex_column_table.av-equal-height-column-flextable {
    margin-top: 0 !important;
}
}

    Note that you can apply a unique Section ID to the section containing the column then replace the selector “#av_section_1” with it.

    Regarding the second inquiry, those portfolio items are blank.

    http://dakwerkendrb.be/dakwerken/wp-admin/post.php?post=909&action=edit
    http://dakwerkendrb.be/dakwerken/wp-admin/post.php?post=326&action=edit

    Note that the “Voeg een Preview Tekst toe” will only work in the “ajax portfolio”.

    Best regards,
    Ismael

    June 28, 2016 at 10:51 pm #654516
    Nin0

    No problem Ismael. I’m probably not the only one who needs professional advice :-)
    Thanks for the css tip, it works perfect. And about the portfolio issue, I’m going to take a look at it again, because I think I misunderstood the concept of these portfolio items/pages.
    I thought I could use these shortcodes and widget items to open an Ajax portfolio, but you probably would have to fill in the main text area instead of just the section for the ajax portfolio.

    Thanks again for your advice and support.
    Best regards,
    Nin0

    June 30, 2016 at 6:37 am #655107
    Rikard

    Hi Nin0,

    Great, glad we could help. Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

    February 21, 2017 at 12:18 pm #749891
    bbb

    Hi,

    I’ve an easy slider and a column with negative margin above. But below the slider there is a white space : how can I remove it?

    Thanks

    February 22, 2017 at 7:15 am #750278
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-10 #after_full_slider_1 {
  display:none;
}

    Best regards,
    Rikard

    February 22, 2017 at 11:05 am #750393
    bbb

    ok, the white space is no longer there but my column with text disappear too. How can I keep it?

    thanks

    February 23, 2017 at 6:42 am #750824
    Rikard

    Hi,

    Oh, sorry about that. Please try this instead:

    .page-id-10 #after_full_slider_1 .content {
  padding:0 !important;
  min-height:0 !important;
}

    Best regards,
    Rikard

    February 23, 2017 at 10:55 am #750885
    bbb

    It’s perfect!
    Thank you

    March 1, 2017 at 5:18 am #753405
    Rikard

    Hi,

    Glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Question about a negative padding’ is closed to new replies.