Home › Forums › Legacy Support › Support queries › Setup issues › Next issue
- This topic has 32 replies, 4 voices, and was last updated 5 years, 3 months ago by
Raph.
-
AuthorPosts
-
November 27, 2019 at 8:32 am #234877
Veronica
Moderatorhi, in the footer on hovering the text the color will be changed using this custom css add this custom css in appearance>>customize>>custom css div#footerbottom .container .col-md-12 a:hover{ color:#78C8Ce; } take a look:http://prntscr.com/q2og38 as you can see here if you want another one to be the same on hover the mouse then you have to provide some link to them as well.
and for the grids you can u se this custom css .vibe_grid ul.grid li.clear4 .block.course7{ height:600px; !important; } check: http://prntscr.com/q2okx9November 27, 2019 at 12:05 pm #234917Raph
SpectatorThis reply has been marked as private.November 28, 2019 at 11:18 am #235067Veronica
ModeratorHey Sparky !! please add this code in to your custom css. @media screen and (min-width: 768px) and (max-width: 1024px){ .home .fullwidth.v_first .vibe_grid ul.grid { display: grid !important; grid-template-columns: repeat(2, 1fr); } .home .fullwidth.v_first .vibe_grid ul.grid li.clear4.col-md-3 { width: 100% !important; } } #footerbottom { font-size: 13px;} refer: for the third or so called 1: https://wplms.io/support/knowledge-base/manage-course-details-sections/November 28, 2019 at 4:03 pm #235091Raph
SpectatorThis reply has been marked as private.November 28, 2019 at 10:32 pm #235130Raph
SpectatorThis reply has been marked as private.November 29, 2019 at 1:01 pm #235239Veronica
ModeratorNovember 29, 2019 at 9:19 pm #235270Raph
SpectatorThis reply has been marked as private.November 29, 2019 at 9:22 pm #235271Raph
SpectatorThis reply has been marked as private.November 30, 2019 at 7:01 am #235294Anshuman Sahu
KeymasterIm sorry I could not see anything wrong in this picture : https://prnt.sc/q3ex25 Can you please point it out what is wrong?November 30, 2019 at 1:06 pm #235364Raph
SpectatorThis reply has been marked as private.December 2, 2019 at 12:24 pm #235513Veronica
Moderatorhello @yoyo. sorry for the late reply due to the support holiday and for the misunderstanding in the issue. i request you to please remove the code given by me and add this code in your wp-admin>>appearance>>cutomize>>custom css @media screen and (min-width: 500px) and (max-width: 1200px){ .home .fullwidth.v_first .vibe_grid ul.grid { display: grid !important; grid-template-columns: repeat(2, 1fr); } .home .fullwidth.v_first .vibe_grid ul.grid li.clear4.col-md-3 { width: 100% !important; } } #footerbottom { font-size: 13px;}
check this:http://somup.com/cqlnl0ftUW i hope this will work for you. please let me know the result.December 2, 2019 at 3:22 pm #235535Raph
SpectatorThis reply has been marked as private.December 3, 2019 at 5:21 am #235586Veronica
Moderatorhi yoyo, this problem occur because the containers are dynamic according to the content. if the content is less then the size of the container will be small and if the content within the container is more the size will be large. the same with the image if the image is large then it will contain more space and if it is small then it shows up with extra space. that's the reason why the containers are of different sizes. I hope now you understand. and for the color of the "take this course" use this code:
a.course_button.full.button { background:#008df2 !important; color:#fff; }
i hope this will work for you check this please:http://prntscr.com/q5dhbjDecember 3, 2019 at 9:59 am #235641Raph
SpectatorThis reply has been marked as private.December 4, 2019 at 4:57 am #235753Veronica
Moderatorhi, you can simply use this css. .course_header5_sideblock div#course-pricing a.course_button.full.button:hover{ background:#008df2 !important; }
check:http://prntscr.com/q5w3pe this will be on hovering the mouse on the button.
change the color as per your need. -
AuthorPosts
- The topic ‘Next issue’ is closed to new replies.