Wrong styling on home page

Home Forums Legacy Support Support queries Styling issues Wrong styling on home page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #262291
    homeforsell
    Spectator
    Hi Vibe, Please check my website to help me fix for some issues: 1) On Firefox my home page is getting wrong style for block courses - The bottom of border of courses don't place on online (this problem doesn't show on Google Chrome) : - On Featured courses block: https://imgur.com/xLPPHoS - On Courses by categories: https://imgur.com/E19tqwM 2) On mobile phone,  although I have used elementor to setup Minimum Number of blocks in one Screen is 1. But on screen of mobile phone, It show one course and a part of beside of other course. This issue coming with both Firefox & Google Chrome: https://imgur.com/Srg0KHr So, please help me fix for these problems soon. My website info in second post of this topic! Best regards,
    #262292
    homeforsell
    Spectator
    This reply has been marked as private.
    #262301
    MrVibe
    Keymaster
    Checking.. the support is low on weekends.
    #262308
    MrVibe
    Keymaster
    1. Fix applied : https://prnt.sc/smt8zt

    2. Set the minimum width of the carousel block to more than the width of the mobile you want to support. So, change the max number of course units to display from 4 to 3. This is a limitation of the slider script we're using.

    #262312
    homeforsell
    Spectator
    Thanks for quickly support,
    • Point 2 is ok;
    • But, Point 1, still get problem with Courses by categories on home page (All ; Technology ; Business) when use Firefox >> https://imgur.com/E19tqwM  
    And please give me css code to place these name of categories to center of block? And please check for 2 other topics I have sent: 1) https://wplms.io/support/forums/topic/setup-mega-menu-issue-2/ 2) https://wplms.io/support/forums/topic/please-help-me-fix-for-8-problems-on-demo-17/
    #262479
    Diana
    Participant
    For the course categories, Please paste this custom CSS in wp-admin > appearance > customize > custom css .home-page .block.courseitem.course8{ max-height:450px !important; } To align course category to the center of the block .home-page  .block.course8 .block_content .cat_btn{ padding: 5px 10px 5px 60px !important; } And about your other two topics, already replied by Mr Vibe
    #263191
    homeforsell
    Spectator
    This method is not good for use and can't move categories name go to center of page
    #263886
    Jackson
    Blocked
    Hello, use these codes to make cat center in the block: .home-page .elementor-widget-wrap .elementor-widget-container .filterableitems_container a.cat_btn{ padding: 5px 10px 5px 80px !important; } .home-page .v_module.custom_post_carousel .flex-viewport a.cat_btn{ padding: 5px 10px 5px 120px !important; } Refer: https://prnt.sc/sptere Refer: https://prnt.sc/sptf7n This code to make align: .home-page .block.courseitem.course8{ max-height:450px !important; } Refer: https://prnt.sc/sptga0 Thanks,
    #263969
    homeforsell
    Spectator
    This reply has been marked as private.
    #264356
    Diana
    Participant
    This reply has been marked as private.
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Wrong styling on home page’ is closed to new replies.