New Landing How can we help? Themeforest Theme Support Uplift Designing with page builder

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Uplift
  • #313290
    Pothe
    Member
    Post count: 336

    Hi,
    Any way to replicate something like this with the page builder ?
    https://www.thinkwithgoogle.com/intl/en-gb/

    – It’s like an image asset with link, and a boxed content.
    – May it could be done with a column background??

    #313539
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Not sure if it’s possible, can figure out any way to do it.
    Will forward it to Ed, maybe he has some idea to achieve it.

    -Rui

    #313661
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @Pothe

    Not as standard, would need custom HTML/CSS to achieve – i like the style though, will add it to the request list!

    – Ed

    #313723
    Pothe
    Member
    Post count: 336

    Cool…
    I made some progress with this…

    https://forestnation.com/home-v4/
    – not perfect but similar.

    Here’s the code is interested:

    
    [spb_row element_name="Row" wrap_type="full-width-stretch" row_bg_type="color" color_row_height="window-height" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="standard" bg_video_loop="yes" parallax_video_height="window-height" row_top_style="none" row_bottom_style="none" parallax_video_overlay="none" row_overlay_opacity="0" remove_element_spacing="yes" row_col_spacing="0" row_col_pos="default" row_col_content_pos="bottom" row_col_equal_heights="yes" row_expanding="no" row_animation="none" row_animation_delay="0" minimize_row="no" simplified_controls="yes" custom_css_percentage="no" custom_css="margin-top: 0px;margin-bottom: 0px;" border_styling_global="default" width="1/1" el_position="first last"] [spb_column col_animation="none" col_animation_delay="0" col_bg_image="38920" col_bg_type="cover" col_parallax_image_movement="scroll" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="8" simplified_controls="yes" custom_css_percentage="no" padding_vertical="400" padding_horizontal="20" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;padding-left: 20px;padding-right: 20px;" border_styling_global="default" width="2/3" el_position="first"] [spb_blank_spacer height="300px" width="1/1" el_position="first last"] [spb_boxed_content type="coloured" custom_bg_colour="#1b7532" custom_text_colour="#ffffff" box_link="/home/" box_link_target="_self" padding_vertical="0" padding_horizontal="0" width="1/3" el_position="first last"]
    
    rwmeh wjeh wkjhe wkjhe w
    
    ekwjhe kjwhe kjwhekjwe w
    
    ekjwh ekjwhkejhwk
    
    [/spb_boxed_content] [/spb_column] [spb_column col_animation="none" col_animation_delay="0" col_bg_type="cover" col_parallax_image_movement="fixed" col_parallax_image_speed="0.5" col_padding="0" col_vertical_offset="0" col_horizontal_offset="0" col_custom_zindex="0" col_sm="4" simplified_controls="yes" custom_css_percentage="no" padding_vertical="0" padding_horizontal="0" margin_vertical="0" custom_css="margin-top: 0px;margin-bottom: 0px;" border_styling_global="default" width="1/3" el_position="last"] [spb_image image="38923" image_size="full" frame="noframe" caption_pos="hover" remove_rounded="yes" fullwidth="no" overflow_mode="none" image_link="/home/" link_target="_self" lightbox="no" intro_animation="none" animation_delay="200" width="1/1" el_position="first last"][/spb_image] [spb_boxed_content type="coloured" custom_bg_colour="#228522" custom_text_colour="#ffffff" box_link_target="_self" padding_vertical="0" padding_horizontal="13" width="1/1" el_position="first last"]
    
    dsajkhdkjshd kjsahd kjh rkjehrkjeh r
    dsjedwbjhdehwjehwje
    
    [/spb_boxed_content] [spb_image image="38923" image_size="full" frame="noframe" caption_pos="hover" remove_rounded="yes" fullwidth="no" overflow_mode="none" image_link="/home/" link_target="_self" lightbox="no" intro_animation="none" animation_delay="200" width="1/1" el_position="first last"][/spb_image] [spb_boxed_content type="coloured" custom_bg_colour="#228522" custom_text_colour="#ffffff" box_link_target="_self" padding_vertical="0" padding_horizontal="13" width="1/1" el_position="first last"]
    
    dsajkhdkjshd kjsahd kjh rkjehrkjeh r
    wekjhejwhjewkew
    
    [/spb_boxed_content] [/spb_column] [/spb_row]
    
    #313728
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks for sharing it.

    -Rui

    #314066
    Pothe
    Member
    Post count: 336

    Hi
    I have quite a nice effect on my home page now:

    ForestNation

    However, slightly smaller screens and the max height of the slider causes issues. Anyway to make the slider height responsive?
    Best

    #314210
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    also not sure about it. Will forward to Ed to see if he has any solution.

    -Rui

    #314315
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @Pothe,

    With something custom like that, it would require custom css breakpoints to adjust as you resize – nothing as such in the theme would be able to do that.

    – Ed

    #314324
    Pothe
    Member
    Post count: 336

    Ok, thank Ed.
    I managed to workout a simple workaround for now:

    ForestNation

    Column background colour 🙂 Not perfect, but gets the effect I am after.

    It’s a cool layout google are using.

    All the best

    #314333
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Nice one.
    Thanks Ed.

    -Rui

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.