Home › Forums › Legacy Support › Support queries › Styling issues › Wrong styling on home page
- This topic has 9 replies, 4 voices, and was last updated 3 years, 11 months ago by Diana.
Viewing 10 posts - 1 through 10 (of 10 total)
-
AuthorPosts
-
May 24, 2020 at 8:05 am #262291homeforsellSpectatorHi 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,May 24, 2020 at 8:06 am #262292homeforsellSpectatorThis reply has been marked as private.May 24, 2020 at 11:15 am #262301MrVibeKeymasterChecking.. the support is low on weekends.May 24, 2020 at 12:20 pm #262308MrVibeKeymaster
Fix applied : https://prnt.sc/smt8zt
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.
May 24, 2020 at 1:01 pm #262312homeforsellSpectatorThanks 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
May 25, 2020 at 8:25 am #262479DianaParticipantFor 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 VibeMay 27, 2020 at 10:23 am #263191homeforsellSpectatorThis method is not good for use and can't move categories name go to center of pageMay 29, 2020 at 4:48 am #263886JacksonBlockedHello, 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,May 29, 2020 at 7:02 am #263969homeforsellSpectatorThis reply has been marked as private.May 30, 2020 at 2:31 pm #264356DianaParticipantThis reply has been marked as private. -
AuthorPosts
Viewing 10 posts - 1 through 10 (of 10 total)
- The topic ‘Wrong styling on home page’ is closed to new replies.