Home › Forums › Pro Themes › Kids Education Pro › Meet Our Teachers layout
- This topic has 13 replies, 2 voices, and was last updated 5 years, 8 months ago by wensolutions.
-
AuthorPosts
-
January 28, 2019 at 8:47 am #89842Sue PheaseyParticipant
I’ve set up Meet Your Teacher, but when you click on the link, the layout of the page it takes you to is very different from that in the demo. How can I change the layout of the page so that it looks the same as the demo option. I don’t want the large image of me at the top but in a white box at the side as in the demo image.
This is my page:
http://www.teachersgem.co.uk/?tp-team=sue-pheasey-2This is the demo page:
https://themepalace.com/theme-demo/?demo=VVNiRlVNZzNhRjNRYVRIRHluT2hWZz09Thanks
January 28, 2019 at 4:34 pm #89868Sue PheaseyParticipantI think I’ve fixed it by removing the featured image and inserting an image gallery in the main body.
January 28, 2019 at 4:50 pm #89873Sue PheaseyParticipantNot fixed… I realised after removing the featured image that it affected the way it looked on the homepage, so back to square one!
Anyone help me with the above issue?
I also have an issue with it displaying the author of the post, which I don’t really want at the bottom of each the teacher description page, or at the bottom of every page that I post.
January 28, 2019 at 11:03 pm #89894wensolutionsKeymasterHello,
To resolve the issue please once try to upload the image of the size “215X375 px”.
As for the second issue, please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
.single-tp-team .about-author { display: none; }
Hope this helps.
Regards!!
January 29, 2019 at 4:20 pm #89933Sue PheaseyParticipantThank you for your help. I have resolved the above issue. 🙂
Is there also a way of removing the author from the ‘Classes’ pages? So similar to above but on different pages.
Also, is there a way of making the images that appear on pages and classes smaller? Do you have optimum width and height for all images?
In addition the layout of the Meet Your Teacher on the home-page isn’t good as it is against the left margin instead of being central. Is there a way to fix this? Also I can’t get the image to line up correctly inside the circle.
Many thanks for your help.
January 29, 2019 at 11:25 pm #89945wensolutionsKeymasterHello,
To remove the admin section in classes add below given CSS.
.tp-class .about-author { display: none; }
Now to align the picture at the center add below given CSS.
.modern-design .team-img img { margin-top: -29px; }
As for displaying the member at the center add below given CSS.
@media screen and (min-width: 992px){ #team-members .four-columns .column-wrapper { margin: 0 auto; float: none; } }
But in case if you add other team members then please remove the CSS above as it will only work for one team member.
Thank you.
Regards!!
January 30, 2019 at 4:05 am #89972Sue PheaseyParticipantThank you so much for taking the time to help me.
I’ve fixed the problems and you have helped me to understand a little more about coding.
I have another layout issue that I need help with…
In both pages and classes when I insert a heading there is a large gap between the heading and the paragraph below. Is there a way of removing the space so that it looks better?
Here is an example: http://www.teachersgem.co.uk/?page_id=90
Thank you
January 30, 2019 at 6:24 am #89981wensolutionsKeymasterHello,
Glad we could help you.
Now to remove the gapping please add below given CSS.
.raleway-poppins h6{ margin: 0; }
Hope this helps.
Best Regards!!
January 30, 2019 at 7:42 am #89989Sue PheaseyParticipantThank you so much for all your help.
January 30, 2019 at 10:30 pm #90029wensolutionsKeymasterHello,
Glad we could help you.
If you have any issues further please let us know.
Thank you.
Regards!!
February 5, 2019 at 4:06 am #90381Sue PheaseyParticipantPlease could you tell me – is there a code I can insert to make the heading slider move a little slower?
February 5, 2019 at 5:20 am #90392wensolutionsKeymasterHello,
Please add below code in your child theme functions.php file.
function kids_education_pro_render_slider_section( $content_details = array() ) { $options = kids_education_pro_get_theme_options(); $read_more_button = $options['main_slider_learn_more_text']; $content_type = $options['main_slider_type']; $slider_effect = ( $options['main_slider_type'] == 'demo' ) ? 'cubic-bezier(0.250, 0.100, 0.250, 1.000)' : $options['slider_content_effect']; $slider_control = ( $options['enable_slider_controls'] == true ) ? 'true' : 'false'; $slider_dragable = ( $options['enable_slider_dragable'] == true ) ? 'true' : 'false'; $slider_pause = ( $options['slider_pause_on_hover'] == true ) ? 'true' : 'false'; $slider_divider_enable = $options['slider_divider_enable']; if( $content_type == 'demo' ) { $data_slick_value = '{"slidesToShow": 1, "slidesToScroll": 1, "infinite": true, "speed": 8000, "dots": false, "arrows": true, "autoplay": true, "fade": false }'; } else { $data_slick_value = '{"slidesToShow": 1, "slidesToScroll": 1, "infinite": true, "speed": 800, "dots": false, "autoplay": true, "pauseOnHover":'. esc_attr( $slider_pause ).', "arrows": '. esc_attr( $slider_control ).', "draggable":'.esc_attr( $slider_dragable ).', "fade": false }'; } if ( empty( $content_details ) ) { return; } ?> <section id="main-slider"> <div class="regular" data-effect="<?php echo esc_attr( $slider_effect ); ?>" data-slick=<?php echo "'" . $data_slick_value . "'"; ?>> <?php foreach ($content_details as $content_detail ) : ?> <div class="slider-item" style="background-image: url('<?php echo esc_url( $content_detail['img_array'][0] ); ?>')"> <a href="<?php echo esc_url( $content_detail['url'] ); ?>"> <div class="black-overlay"></div></a> <div class="main-slider-contents"> <?php if( !empty( $content_detail['title'] ) ){ ?> <h2 class="title"><a href="<?php echo esc_url( $content_detail['url'] ); ?>"><?php echo esc_html( $content_detail['title'] );?></a></h2> <?php } if( !empty( $content_detail['content'] ) ){ ?> <p><?php echo esc_html( $content_detail['content'] );?></p> <?php } $learn_more_link = ( 'demo' == $content_type ) ? '#' : $content_detail['url']; if( !empty( $read_more_button ) ) : ?> <a href="<?php echo esc_url( $learn_more_link ); ?>" class="btn btn-default"><?php echo esc_html( $read_more_button );?></a> <?php endif; ?> </div><!-- .main-slider-contents --> </div><!-- .slider-item --> <?php endforeach; ?> </div><!-- .regular --> <?php if( $slider_divider_enable ) : ?> <div class="divider"> <img src="<?php echo get_template_directory_uri() .'/assets/uploads/slider-divider.png'; ?>" alt="<?php esc_attr_e( 'Slider divider', 'kids-education-pro' ); ?>"> </div><!-- .divider --> <?php endif; ?> </section><!-- #main-slider --> <?php }
Hope this helps.
Regards!!
April 8, 2019 at 7:20 am #94733Sue PheaseyParticipantThank you for your reply above. Unfortunately, I have been unable to do this as I don’t know how to find my child theme functions.php file. Needless to say, I have just put off doing this!
Is it possible to give me a bit more information of how to go about this.
Kind regards
SueApril 23, 2019 at 4:48 am #95859wensolutionsKeymasterHello,
You need to create the child theme and for this you can refer to below given link:
https://wptravel.io/how-to-create-a-child-theme/
After activating the child theme you will find the functions.php file inside the child theme folder if you have created using the plugin. As for the manual process you need to create the functions.php file yourself and then paste the code.
Hope this clears the confusion.
Thank you.
-
AuthorPosts
- You must be logged in to reply to this topic.