Home Forums WoodMart support forum Help with the design

Help with the design

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #114243

    SamaWeb
    Participant

    Hello there,
    can you please help me to design using promo banner please check the attachment how can i do the same

    i used this code below but i can’t do the last image and make it look the same and the sizes are equal

    [vc_row full_width="stretch_row" mobile_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" row_reverse_mobile="0" row_reverse_tablet="0" woodmart_disable_overflow="0" css=".vc_custom_1553193563339{margin-top: -40px !important;margin-bottom: -40px !important;background-color: #e0e0e0 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" tablet_bg_img_hidden="no"][vc_column][vc_column_text][wpseo_breadcrumb][/vc_column_text][vc_row_inner css=".vc_custom_1553193284833{margin-right: 30px !important;margin-left: 30px !important;}" row_reverse_mobile="0" row_reverse_tablet="0"][vc_column_inner width="1/3"][woodmart_info_box icon_style="with-border" icon_type="text" woodmart_color_scheme="dark" title_size="extra-large" btn_color="white" btn_style="link" woodmart_css_id="5c93c9e8c723d" title="Water For Life" svg_animation="no" info_box_inline="no" css=".vc_custom_1553189375071{margin-bottom: -20px !important;padding-top: 15px !important;padding-right: 15px !important;padding-bottom: 15px !important;padding-left: 15px !important;background-color: #ffffff !important;}" link="url:https%3A%2F%2Fwww.crisisaid.org.uk%2Flong-term%2Fwater-for-life%2F|||"]Help us help them[/woodmart_info_box][vc_empty_space height="60px" woodmart_hide_large="0" woodmart_hide_medium="0" woodmart_hide_small="0" woodmart_hide_extra_small="0" css=".vc_custom_1553189456422{background-color: #ffffff !important;}"][promo_banner image="15644" hover="parallax" btn_color="white" btn_size="extra-large" btn_style="link" vertical_alignment="middle" text_alignment="center" content_width="NaN" woodmart_css_id="5c93f23fac536" hide_btn_tablet="no" hide_btn_mobile="no" increase_spaces="no" btn_text="Donate Now" link="url:https%3A%2F%2Fwww.crisisaid.org.uk%2Flong-term%2Fwater-for-life%2F|||"][/promo_banner][/vc_column_inner][vc_column_inner width="1/3" css=".vc_custom_1547223889580{padding-right: -10px !important;padding-left: -10px !important;}"][woodmart_info_box icon_style="with-border" icon_type="text" woodmart_color_scheme="dark" title_size="extra-large" btn_color="white" btn_style="link" woodmart_css_id="5c93c9e8c723d" title="Water For Life" svg_animation="no" info_box_inline="no" css=".vc_custom_1553189375071{margin-bottom: -20px !important;padding-top: 15px !important;padding-right: 15px !important;padding-bottom: 15px !important;padding-left: 15px !important;background-color: #ffffff !important;}" link="url:https%3A%2F%2Fwww.crisisaid.org.uk%2Flong-term%2Fwater-for-life%2F|||"]Help us help them[/woodmart_info_box][vc_empty_space height="60px" woodmart_hide_large="0" woodmart_hide_medium="0" woodmart_hide_small="0" woodmart_hide_extra_small="0" css=".vc_custom_1553189456422{background-color: #ffffff !important;}"][promo_banner image="15644" hover="parallax" btn_color="white" btn_size="extra-large" btn_style="link" vertical_alignment="middle" text_alignment="center" content_width="NaN" woodmart_css_id="5c93f23fac536" hide_btn_tablet="no" hide_btn_mobile="no" increase_spaces="no" btn_text="Donate Now" link="url:https%3A%2F%2Fwww.crisisaid.org.uk%2Flong-term%2Fwater-for-life%2F|||"][/promo_banner][/vc_column_inner][vc_column_inner width="1/4"][woodmart_info_box icon_style="with-border" icon_type="text" woodmart_color_scheme="dark" title_size="extra-large" btn_color="white" btn_style="link" woodmart_css_id="5c93c9e8c723d" title="Water For Life" svg_animation="no" info_box_inline="no" css=".vc_custom_1553189375071{margin-bottom: -20px !important;padding-top: 15px !important;padding-right: 15px !important;padding-bottom: 15px !important;padding-left: 15px !important;background-color: #ffffff !important;}" link="url:https%3A%2F%2Fwww.crisisaid.org.uk%2Flong-term%2Fwater-for-life%2F|||"]Help us help them[/woodmart_info_box][vc_empty_space height="60px" woodmart_hide_large="0" woodmart_hide_medium="0" woodmart_hide_small="0" woodmart_hide_extra_small="0" css=".vc_custom_1553189456422{background-color: #ffffff !important;}"][promo_banner image="25065" hover="parallax" btn_color="white" btn_size="extra-large" btn_style="link" vertical_alignment="middle" text_alignment="center" content_width="NaN" woodmart_css_id="5c93d94a74e39" hide_btn_tablet="no" hide_btn_mobile="no" increase_spaces="no" btn_text="Donate Now" link="url:https%3A%2F%2Fwww.crisisaid.org.uk%2Flong-term%2Fwater-for-life%2F|||"][/promo_banner][/vc_column_inner][/vc_row_inner][vc_empty_space height="25px" woodmart_hide_large="0" woodmart_hide_medium="0" woodmart_hide_small="0" woodmart_hide_extra_small="0"][/vc_column][/vc_row]

    Attachments:
    You must be logged in to view attached files.
    #114258

    Hello,

    Please update your site admin access and provide the page URL

    Best Regards

    #114261

    SamaWeb
    Participant

    please check

    #114282

    Hello,

    Now I see, you just need to upload images with equal height. https://gyazo.com/468f4e1198797b7939d570704251ad59

    Best Regards

    #114294

    SamaWeb
    Participant

    Please check this video: http://samaweb.info/Untitled.mov

    how can I make the image attached to the white box

    #114301

    Hello,

    Make the mirror elements and configure them in the same way. https://gyazo.com/dcaf71a4889e167a5951f1d688ba6ed8

    You can clone, drag and drop https://gyazo.com/7d9f08c9025c2f346a58fbb05a389f9e

    Best Regards

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