Header, Footer, Member grid

[shanto623]

hello wplms,, i have some issues,, please tell me the solution..

1. header issue: header are not stable, in browser different view (zoom in/out) it looks different.. ref: https://www.loom.com/share/47443d47a5d74113ae6f2647132fcd82?fbclid=IwAR0X5VM3bFtRGPia6cxiBmNsI2anDjjFuBsfk4bEb4SPIJhSbX1SWPsT9_s

2. i need same height & width of these four column.. ref: https://prnt.sc/tabz0j

3. when i input a custom size student image, then in member grid the image height are not perfect related to other images.. ref: https://prnt.sc/tac0u0

4. when i input a course image, then in all courses page the size of the course pic are different, ref: https://prnt.sc/tac88e   and also in home page all courses grid looks different in size.. ref: https://prnt.sc/tac456

5. in home page and other page in footer section the testimonial looks good. ref: https://prnt.sc/tac5yq  but only in all-courses page it looks different. ref:https://prnt.sc/tac717

thank you so much...    

[shanto623]

This reply has been marked as private.

[MrVibe]

checking.

[MrVibe]

Site link is missing. Tryign to locate from other topics you created.

[Veronica]

hi, for 1... i have checked this but it is working fine for me: https://www.loom.com/share/9d803a7ef94d4066b45f119e9f802a63 and if you will check on the default demo then you will find that it is working fine.

---

for 2.. you have already applied the code for that: https://prnt.sc/tbnwdr just add width:200px !important; with the existing code in wp-admin>>appreance>>customize>>custom css

---

for 3.. make sure you have uploaded the correct image size refer this: https://prnt.sc/tbnxyi we have provided equal space to the elements it depends on the image size that you have inserted

---

for 4... https://prnt.sc/tbo18x your all-course page is not available may be you have deleted it? well we can fix it with the help of custom css once you provide the page link for the same.

---

for 5.. https://prnt.sc/tbo0gh not only on the provided but on other pages as well it's showing the shortcode for the visual composer it is showing because i think you have added this: https://prnt.sc/tbo3ej https://prnt.sc/tbo4nv

---

and one more thing dear please create the topic as per the specified category like this issue is related to the styling then it should be created in the styling section of the forum by which you will get the more appropriate solution and in less time because in styling section there are few topics so you will get the solution more faster than creating topic on other section.

---

thanks.

[shanto623]

thanks veronica,, i have some existing problem and a new one.. please check down below..

1. please see the ref video: https://www.loom.com/share/da679f65c8c54704ad60e81e5750d4c7
2. there is a misunderstanding, please watch the video. ref: https://www.loom.com/share/40b89391bcf144d588e88c85578d9db9
3. when i input a course image, then in all courses page the size of the course pic are different,  and also in home page all courses grid looks different in size.. ref: https://www.loom.com/share/87452acdd430453284f9b89a8112ad66  i update the all courses page name, thats why you didnt find, page link:https://qhrinstitute.com/%e0%a6%95%e0%a7%8b%e0%a6%b0%e0%a7%8d%e0%a6%b8-%e0%a6%b8%e0%a6%ae%e0%a7%82%e0%a6%b9/
4. mobile header problem, ref: https://www.loom.com/share/86ffdb2de72d4a2d95c5c823dfd4c301

 

[Veronica]

hi, for 1.. yes right it is happening on your site need to check this if any custom codes are applying or not if not then we will try to fix this with custom css

---

for 2: ok got that i have tried but it is making impact on other elements too need to check if it is possible or not

---

for 3: use this css change the height and width accordingly div#course-dir-list ul#course-list li.course_single_item .row .col-md-4.col-sm-4 .item-avatar a img.attachment-full.size-full.wp-post-image { height:200px !important; width:250px !important; }

---

for 4: the color is implemented by you you can change it https://prnt.sc/tcqvod just find the code in custom css and change it accordingly

Please check the share screenshot, there is a setting to change the logo for mobile, here you can you use the

http://prntscr.com/m40e45

Or,

You can change the width from Custom code css, to use, paste the below code to

Wp-admin > Appearance > Customization > Custom Css > Publish

@media screen and (max-width: 414px){

#header_logo {

width:20%;

}

}

You can change the width in % or Pixel according to your use.

 

[shanto623]

1. for 1 please check if any custom codes are applying or not if not then please fix this with custom css
2. for 3, I update with your custom code, it looks good.. ref: https://prnt.sc/tcwyu5   but it did not let change to home page all courses section height & width, ref: https://prnt.sc/tcx0km
3. for 4, i already uploaded the logo for mobile,, and now i applied your custom code, i change the width with % and also set pixel, but this did not allow sufficient changes to the logo,,, i also add height:150px; this, but the height looks same as before.. ref: https://www.loom.com/share/9a50f4a4e4cf4f6081e658a1d3d89f9f
4. In footer the logo of facebook looks weird. ref: https://prnt.sc/tcy99c

[Veronica]

for facebook icon you can use font awesome plugin and can also refer this topic: https://wplms.io/support/forums/topic/facebook-icon-missing/ ok then for logo we will try to fix it with css for home page use this css .filterable_columns .block.courseitem.course6 .block_media a img.attachment-medium.size-medium.wp-post-image { height:180px; width:310px } https://prnt.sc/tderv4  

[shanto623]

hello, veronica... thanks,, all problem are solved except these two. please give me the solution of these two problems...

1. for 1 please check if any custom codes are applying or not if not then please fix this with custom css.. please see the ref video: https://www.loom.com/share/da679f65c8c54704ad60e81e5750d4c7

2. for 4, i already uploaded the logo for mobile,, and now i applied your custom code, i change the width with % and also set pixel, but this did not allow sufficient changes to the logo,,, i also add height:150px; this, but the height looks same as before.. ref: https://www.loom.com/share/9a50f4a4e4cf4f6081e658a1d3d89f9f

[Jackson]

Hello, 2- For mobile header issue use this code: @media screen and (max-width: 550px){ h1#logo { height:20px !important; width:20% !important; color:white !important; position:relative !important; bottom:40px !important; } } Refer: https://prnt.sc/tdtkqy Thanks,

[Author]

Posts