Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • April 19, 2016 at 10:54 pm #617751
    Draidel

    Hello,

    For some reason there is a white gap on the left of the layerslider on the top of the page (draidel.com.ar/novedades). (This doesnt happen on small screens)

    I tried adding but didnt work

    left: 0 !important;

    Regards,

    Ariel

    April 20, 2016 at 4:21 am #617955
    Jordan

    Hi Draidel!

    Thanks for getting in touch with us!

    The code is not complete. Please try the following instead:

    a.ls-l {
    left: 0 !important;
}

    Best regards,
    Jordan

    April 20, 2016 at 2:20 pm #618325
    Draidel

    Hello Jordan,

    It moved it to the left but now the gap is on the right and it didnt just moved the whole contect proportionally because it didnt respect the padding I set to the two text boxes on the left. :(

    Here I show you two screenshots:

    • Before: http://draidel.com/wp-content/uploads/2016/04/screenshot-draidel.com_.ar-2016-04-20-09-11-52.png
    • After: http://draidel.com/wp-content/uploads/2016/04/screenshot-draidel.com_.ar-2016-04-20-09-15-13.png

    Regards,

    Ariel

    April 22, 2016 at 12:32 pm #619856
    Andy

    Hi!

    try this code instead:

    html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a {
left: 0px !important;
}

    Cheers!
    Andy

    April 22, 2016 at 9:13 pm #620217
    Draidel

    Hello Andy,

    It has the exact same effect (Gap in the other side and removes the padding for the texts)

    Ariel

    April 26, 2016 at 5:28 am #621874
    Draidel

    I solved it !

    April 27, 2016 at 6:10 am #622737
    Rikard

    Hi,

    Great, glad you got it fixed :-)

    Thanks,
    Rikard

    April 28, 2016 at 5:26 am #623480
    Draidel

    Sorry, there is still a last issue.
    if you take a look again at http://draidel.com.ar/novedades/, you will notice each slide has a title and a subtitle with “sort of a pink” background, however that background is not complete, it doesn’t fill the whole phrase.

    How can I fix that?

    PS: Just in case you wonder, this is the code in the “custom CSS” field
    box-shadow: 0px 4px 10px -5px black; text-shadow: none; font-weight: normal; opacity: .8; width:200px; text-align:left;

    April 29, 2016 at 4:39 am #624101
    Draidel

    it seems this fixes it

    a.ls-l{width:initial !important}

    but it corrupts background images of the slider that are smaller than the screen width.

    So how can I set width:initial !important only to the texts and not to the image behind them ?

    Thanks,

    Ariel

    May 2, 2016 at 6:25 am #625462
    Ismael

    Hi,

    Edit the text layer then go to the Attributes panel. Apply a unique id or class attribute to the layer. Use that in place of the “a.ls-l” selector.

    Best regards,
    Ismael

    May 2, 2016 at 4:18 pm #625890
    Draidel

    Hi Ismael,

    But I need to fix every text in every layer. Even if I did that, that layer image corrupts also since its image gets the same parent ID/class.

    Thanks

    Ariel.

    May 4, 2016 at 11:03 am #627062
    Andy

    Hi,

    I checked your layerslider and it look good to me now. Could you fix it? let us know if you still need help with this issue.

    Best regards,
    Andy

    May 5, 2016 at 10:16 pm #627992
    Draidel

    Hello Andy,
    I couldn’t. I just uoloaded a bigger image to hide the problem

    May 5, 2016 at 10:52 pm #628011
    Andy

    Hi,

    if you still need help with this issue, then send us a precise link with a test page showing the issue.

    Best regards,
    Andy

    May 6, 2016 at 4:56 pm #628389
    Draidel

    Hello,

    Well, in the same page (http://draidel.com.ar/novedades/), you will notice a gap on the right in the second slider (not the first slide of the girl, I mean the second one that shows an html screenshot).

    Regards,

    Ariel

    UPDATE: Just to clarify, the first slider looks good because of the big size of it. However the second one is smaller and its not being stretched to cover the container.

    • This reply was modified 8 years, 6 months ago by Draidel.
    May 9, 2016 at 2:44 pm #629248
    Andy

    Hi,

    there is not gap at all for me:

    View post on imgur.com

    Could you fix it?
    Please clear browser cache and hard refresh.
    Show us what you see by providing us screenshots.

    Best regards,
    Andy

    May 9, 2016 at 10:36 pm #629502
    Draidel

    Andy,
    I think that is because the image has a greater resolution than your screen. 1366px wide screens and over start to show the gap on the right (that one is 1280 pixels wide)

    Regards,

    Ariel

    May 10, 2016 at 7:52 am #629686
    Andy

    Hi,

    the problem seems to be that you second picture is smaller than your first one. Use same image size for both images.

    Best regards,
    Andy

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