styling issue

Last updated on by

Home › Forums › WPLMS AddOns › WPLMS Batches › styling issue

Viewing 15 posts - 1 through 15 (of 20 total)
1 2
  • Author
    Posts
  • October 5, 2020 at 7:04 pm #316169
    MeesterGijs
    Spectator
    Hello, See this screenshot. it's an overview of a group that I have created to give wplms batches a second change. I see great potential! My question. When a group is connected to more than x courses the layout goes off screen. How can I fix this? I want my groups to have access to all 60+ courses. Thanks, Gijs
    October 7, 2020 at 12:57 pm #316643
    Scott Lang
    Moderator
    Looks like CSS issue can you share your batch URL where it occurs with working admin credential.
    October 8, 2020 at 7:45 pm #317044
    MeesterGijs
    Spectator
    This reply has been marked as private.
    October 9, 2020 at 1:54 pm #317279
    Scott Lang
    Moderator
    This reply has been marked as private.
    October 11, 2020 at 9:03 am #317551
    MeesterGijs
    Spectator
    This reply has been marked as private.
    October 12, 2020 at 2:33 pm #317778
    Scott Lang
    Moderator
    Add this css .batch_courses { display: flex; flex-direction: row; flex-wrap: wrap; } .batch_courses img{ width:auto !important; img : auto !important; } Will be like this https://prnt.sc/uxtjag
    October 12, 2020 at 4:20 pm #317800
    MeesterGijs
    Spectator
    I emptied cache, checked incognito, but it didn't stick..
    October 13, 2020 at 2:28 pm #318018
    Scott Lang
    Moderator
    Unable to login refer this https://prnt.sc/uyj5r9 Please share valid one to check. You just need to add the custom CSS.
    October 14, 2020 at 7:07 am #318169
    MeesterGijs
    Spectator
    This reply has been marked as private.
    October 15, 2020 at 8:43 am #318489
    Scott Lang
    Moderator
    Already you have added check this https://prnt.sc/uzphtt if you wanted css like the add this css too .batch_courses a { border: 1px solid; margin: 5px; }
    October 15, 2020 at 12:30 pm #318548
    MeesterGijs
    Spectator
    How can I make the images bigger? So less images next to each other? thanks
    October 17, 2020 at 7:09 am #319000
    Scott Lang
    Moderator
    You can use this css https://prnt.sc/v10t9q .batch_courses img{ height:80px !important }.batch_courses a{ margin : 2px 5px; }
    October 17, 2020 at 11:34 am #319066
    MeesterGijs
    Spectator
    Still looks horrible. Have a look. Two issues btw. How to move the string of text, align it at same heigth as other text: screenshot
    October 17, 2020 at 1:22 pm #319104
    Scott Lang
    Moderator
    We have added some css it will looks like this https://prnt.sc/v15ve8 .batch_courses img{ height:80px !important } .batch_courses a{ margin : 5px; border:1px solid; padding:5px; border-radius:10px; border-color:#ded8d8 } .groups .item span.activity{ margin-left: 10px; margin-top: 6px; }
    October 17, 2020 at 6:47 pm #319168
    MeesterGijs
    Spectator
    This reply has been marked as private.
  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)
1 2
  • The topic ‘styling issue’ is closed to new replies.