- This topic has 15 replies, 2 voices, and was last updated 5 years, 8 months ago by Skandha.
-
AuthorPosts
-
March 27, 2019 at 10:54 am #168797ScholzParticipant
Is it possible to display our five service-points in one line on Desktop-view.
Actually there are four services in the first line and the last in the second row.March 27, 2019 at 11:43 am #168798ScholzParticipantIs it also possible to reduce the width of the sidebar on the subpages like https://www.worldtravelers.de/busreisen/
March 27, 2019 at 11:48 pm #168814SkandhaParticipant@steinundtechnik: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
/* To have all the service posts in one row in desktop view /* @media screen and (min-width:1024px) { .service-content-wrapper.layout-four .hentry { width:20%; } .service-content-wrapper.layout-four .hentry:nth-child(4n+1) { clear:unset; } } /* To reduce the width of sidebar on single pages */ @media screen and (min-width:64em) { .sidebar { width:20%; } .content-area { width:80%; max-width:1230px; } .content-right .sidebar { margin-right:80%; } }
Let me know if this is what you want!
Kind Regards,
SkandhaMarch 30, 2019 at 10:15 am #168996ScholzParticipantHello Shkandha,
thanks for your fast reply, your solution is working great 😊
Is it also possible to show title of service on service section only after mouseover of section point?
Is it also possible to add description below section title on whole width, not only the width of the section wrapper?
Our plan is to click on the section point, then below the title and a searchform is visible (shortcode is available)
March 30, 2019 at 11:37 pm #169024SkandhaParticipant@steinundtechnik: You seem to have figured out how to show title of service on service section only after mouseover of section point and add description below section title on whole width, not only the width of the section wrapper.
Is your issue resolved?
Kind Regards,
SkandhaApril 1, 2019 at 1:55 pm #169090ScholzParticipantHello Skandha,
no – the issue is still existing.
The description below section title is not on whole page width, it actually takes 20% of page width and not 100%
April 2, 2019 at 2:29 am #169128SkandhaParticipant@steinundtechnik: Do you mean Starte deine perfekte Reise hier! text or something else? Can you please clarify?
Kind Regards,
SkandhaApril 2, 2019 at 5:15 am #169136ScholzParticipantNo the service description with shortcode like [search-form id=”Busreisen”]
The page should look like this: https://screenshots.firefox.com/QpvuWN6ieqJGjjur/www.designenlassen.de
April 2, 2019 at 5:27 am #169137ScholzParticipanttitles of the five section points not the section header 🙂
April 2, 2019 at 5:58 am #169138SkandhaParticipant@steinundtechnik: Can you let me know which plugin you are using for that form and can you activate the plugin on your site?
Kind Regards,
SkandhaApril 2, 2019 at 9:32 am #169150ScholzParticipantProfi Search Form (http://www.profisearchform.com/)
The Plugin is activated, it’s working on every page but not on startpage.
For example: https://www.worldtravelers.de/busreisen/ (Filter on the left page is build with Profi Search Form)
April 3, 2019 at 1:34 am #169187SkandhaParticipant@steinundtechnik: For this you will need to create a child theme and do a little bit of customization. Let me know if you are familiar with child theme customization so that I can guide you, otherwise I suggest you to hire a customizer to get it done.
Kind Regards,
SkandhaApril 3, 2019 at 2:11 am #169190ScholzParticipantI think i’m familiar with child theme customizations 🙂
April 3, 2019 at 2:44 am #169195SkandhaParticipant@steinundtechnik: So firstly you will need to create a child theme. For that you can use our Generate Child Theme Plugin. Install and activate the plugin.
Then, Go to => Dashboard => Generate Child Theme => Select Parent Theme as Catch Fullscreen Pro, fill other fields and then click on Generate.
This will install and activate the child theme.Now, Go to => Child Theme Folder => functions.php and add the following Code.
function catch_fullscreen_service_display() { $output = ''; // get data value from options $enable_content = get_theme_mod( 'catch_fullscreen_service_option', 'disabled' ); if ( catch_fullscreen_check_section( $enable_content ) ) { $content_select = get_theme_mod( 'catch_fullscreen_service_type', 'category' ); $layout = get_theme_mod( 'catch_fullscreen_service_layout', 'layout-four' ); $headline = get_theme_mod( 'catch_fullscreen_service_headline', esc_html__( 'Services', 'catch-fullscreen-pro' ) ); $subheadline = get_theme_mod( 'catch_fullscreen_service_subheadline' ); $image = get_theme_mod( 'catch_fullscreen_service_main_image' ); $classes[] = 'section'; $classes[] = $content_select ; $anchor = get_theme_mod( 'catch_fullscreen_service_anchor', 'service-section' ); if ( $image ) { $output = ' <div id="service-content-section" data-anchor="' . esc_attr( $anchor ) . '" class="' . esc_attr( implode( ' ', $classes ) ) . '" style="background-image: url( ' . esc_url( $image ) . ' )"> <div class="wrapper">'; } else { $output = ' <div id="service-content-section" data-anchor="' . esc_attr( $anchor ) . '" class="' . esc_attr( implode( ' ', $classes ) ) . '"> <div class="wrapper">'; } if ( ! empty( $headline ) || ! empty( $subheadline ) ) { $output .= '<div class="section-heading-wrapper service-section-headline">'; if ( ! empty( $headline ) ) { $output .= '<div class="section-title-wrapper"><h2 class="section-title">' . wp_kses_post( $headline ) . '</h2></div>'; } if ( ! empty( $subheadline ) ) { $output .= '<div class="taxonomy-description-wrapper"><p class="section-subtitle">' . wp_kses_post( $subheadline ) . '</p></div>'; } $output .= ' </div><!-- .section-heading-wrapper -->'; } $output .= ' <div class="section-content-wrapper service-content-wrapper ' . esc_attr( $layout ) . '">'; // Select content if ( 'post' === $content_select || 'ect-service' === $content_select || 'page' === $content_select || 'category' === $content_select ) { $output .= catch_fullscreen_post_page_category_service(); } elseif ( 'image' === $content_select ) { $output .= catch_fullscreen_image_service(); } $target = get_theme_mod( 'catch_fullscreen_service_target' ) ? '_blank': '_self'; $link = get_theme_mod( 'catch_fullscreen_service_link', '#' ); $text = get_theme_mod( 'catch_fullscreen_service_text' ); if ( $text ) { $output .= ' <p class="view-all-button"> <span class="more-button"><a class="more-link" target="' . $target . '" href="' . esc_url( $link ) . '">' . esc_html( $text ) . '</a></span> </p>'; } $output .= ' </div><!-- .service-content-wrapper --> </div><!-- .wrapper --> </div><!-- #service-content-section -->'; } echo do_shortcode( $output ); }
Now the shortcode on your service section should work.
Let me know if this works out!
Kind Regards,
SkandhaApril 3, 2019 at 5:08 am #169204ScholzParticipantIs it possible to copy all settings to child theme like colors or individual settings?
Actually i have activated child theme and most settings are missing like colors or text.
April 3, 2019 at 5:43 am #169207SkandhaParticipant@steinundtechnik: You can use our Catch Import Export Plugin to copy all your customizer settings from the parent theme to the child theme. Install and Activate the plugin.
Follow these instructions to import the customizer setting of parent theme to your child theme.
Let me know if this works out!
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘5 section points in one line’ is closed to new replies.