Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Uplift › Designing with page builder
New Landing › How can we help? › Themeforest Theme Support › Uplift › Designing with page builder
- This topic has 9 replies, 3 voices, and was last updated 8 years by
Rui Guerreiro – SUPPORT.
-
Posted in: Uplift
-
February 10, 2017 at 1:17 pm #313290
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??February 13, 2017 at 1:58 pm #313539Hi,
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
February 14, 2017 at 3:58 am #313661Hi @Pothe
Not as standard, would need custom HTML/CSS to achieve – i like the style though, will add it to the request list!
– Ed
February 14, 2017 at 2:47 pm #313723Cool…
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]
February 14, 2017 at 3:28 pm #313728Great. Thanks for sharing it.
-Rui
February 16, 2017 at 4:28 pm #314066Hi
I have quite a nice effect on my home page now:However, slightly smaller screens and the max height of the slider causes issues. Anyway to make the slider height responsive?
BestFebruary 17, 2017 at 4:47 pm #314210also not sure about it. Will forward to Ed to see if he has any solution.
-Rui
February 20, 2017 at 3:38 am #314315Hi @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
February 20, 2017 at 10:55 am #314324Ok, thank Ed.
I managed to workout a simple workaround for now:Column background colour 🙂 Not perfect, but gets the effect I am after.
It’s a cool layout google are using.
All the best
February 20, 2017 at 11:32 am #314333Nice one.
Thanks Ed.-Rui
-
Posted in: Uplift
You must be logged in to reply to this topic.