Premium WordPress Themes › Forums › Courtyard › Display one row in Services Widget
- This topic has 21 replies, 2 voices, and was last updated 1 year, 7 months ago by
Rabindra Tharu.
-
AuthorPosts
-
June 14, 2018 at 7:43 AM #3915
Elaina
ParticipantHi,
Currently, the theme is showing 2 rows of services with 3 columns on the front page. How can I change it to only show one row?
Thanks in advance 🙂
June 14, 2018 at 9:44 AM #3917Rabindra Tharu
ParticipantHi, Elaina
We have this features in our pro version of the theme. So either you have to use our pro version of theme or you can customize the theme js file but be sure you modify it by creating a child theme.
Thanks!
June 14, 2018 at 10:31 AM #3920Elaina
ParticipantWhen I created a child theme using the Orbisius Child Theme creator plugin, it changed the fonts. Is there a child theme plugin that you would recommend?
Thanks so much for all your help 🙂
June 14, 2018 at 10:35 AM #3921Elaina
ParticipantAlso, what is the name of the js file or where can I find it in Editor? There is quite a few.
June 14, 2018 at 10:45 AM #3922Rabindra Tharu
ParticipantHi, Elaina
Personly I used Child Theme Configurator plugin for creating a child theme.
Our theme js is located in custom.js file inside js folder. Just to service slider part and changed slidesPerColumn: 1,
Thanks!
June 14, 2018 at 1:10 PM #3924Elaina
ParticipantHi Rabindra,
I have made some changes to the custom.js file, but I can’t see any changes. Have I done something wrong? This is what the code currently looks like:
// Service Slider
jQuery(‘.pt-service-section’).each(function(index, element){
var container = jQuery(this).find(‘.pt-services-slider’);
var slideCount = jQuery(this).find(‘.swiper-slide’).length;
var nextButton = jQuery(this).find(‘.pt-more-arrow .pt-arrow-right’);
var prevButton = jQuery(this).find(‘.pt-more-arrow .pt-arrow-left’);if ( slideCount < 3 ) {
var courtyard_services_slider_per_col = 1;
}
if ( slideCount >= 3 ) {
var courtyard_services_slider_per_col = 1;
}
if ( courtyard_window_width <= 580 ) {
var courtyard_services_slider_per_col = 1;
}var pt_services_slider = new Swiper(container, {
nextButton: nextButton,
prevButton: prevButton,
spaceBetween: 0,
preventClicks: false,
slidesPerView: courtyard_services_slider_num,
slidesPerColumn: courtyard_services_slider_per_col,
touchEventsTarget: ‘swiper-wrapper’,
speed: 800
});
});June 14, 2018 at 1:20 PM #3925Rabindra Tharu
ParticipantHi, Elaina
The code seems fine for me. Could you please clear your browser cache and check it once.
Have you made a child theme and changed the code or directly you apply in the main theme js file.Thanks!
June 14, 2018 at 1:53 PM #3926Elaina
ParticipantHi Rabindra,
I couldn’t find the js file once I created the child theme and had to change it in the parent. Is that wrong?
Sorry, I’m still learning about child themes
June 14, 2018 at 3:56 PM #3929Elaina
ParticipantIt seemed like the cache just needed time to be refreshed. It’s working now 🙂
June 15, 2018 at 4:41 AM #3935Rabindra Tharu
ParticipantHi, Elaina
Ya, or you can do it by hard refresh with pressing the button
ctrl+alt+r
key.Thanks!
June 15, 2018 at 9:42 PM #3951Elaina
ParticipantThanks! I’ve actually tried it now a few times but it doesn’t seem to do anything when I press the combination. Is it the same as pressing F5 on my keyboard?
May 28, 2019 at 6:45 PM #9395Elaina
ParticipantHi, after I’ve done a theme update, the custom.js file changed back to having two columns in the services section. I tried to copy the old code and also tried editing the new code, but nothing seemed to work. I’ve also done a hard refresh and cleared the cache. Do you perhaps have another solution to only display one row of the services?
Thanks in advance 🙂June 2, 2019 at 4:42 AM #9474Rabindra Tharu
ParticipantJune 2, 2019 at 7:32 AM #9478Elaina
ParticipantHi Rabindra,
Yes I am. I would appreciate your help 🙂June 3, 2019 at 4:41 AM #9484Rabindra Tharu
Participant -
AuthorPosts
- You must be logged in to reply to this topic.