Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #168797
    Scholz
    Participant

    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.

    https://www.worldtravelers.de

    #168798
    Scholz
    Participant

    Is it also possible to reduce the width of the sidebar on the subpages like https://www.worldtravelers.de/busreisen/

    #168814
    Skandha
    Participant

    @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,
    Skandha

    #168996
    Scholz
    Participant

    Hello 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)

    #169024
    Skandha
    Participant

    @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,
    Skandha

    #169090
    Scholz
    Participant

    Hello 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%

    #169128
    Skandha
    Participant

    @steinundtechnik: Do you mean Starte deine perfekte Reise hier! text or something else? Can you please clarify?

    Kind Regards,
    Skandha

    #169136
    Scholz
    Participant

    No the service description with shortcode like [search-form id=”Busreisen”]

    The page should look like this: https://screenshots.firefox.com/QpvuWN6ieqJGjjur/www.designenlassen.de

    #169137
    Scholz
    Participant

    titles of the five section points not the section header 🙂

    #169138
    Skandha
    Participant

    @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,
    Skandha

    #169150
    Scholz
    Participant

    Profi 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)

    #169187
    Skandha
    Participant

    @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,
    Skandha

    #169190
    Scholz
    Participant

    I think i’m familiar with child theme customizations 🙂

    #169195
    Skandha
    Participant

    @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,
    Skandha

    #169204
    Scholz
    Participant

    Is 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.

    http://www.worldtravelers.de

    #169207
    Skandha
    Participant

    @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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘5 section points in one line’ is closed to new replies.