Home Forums Basel support forum Change home page style

Change home page style

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #139842

    chandinipt
    Participant

    Hi, I am currently using your fashion-new demo page as the basis of my website page. I want to now change this to the new demo you have at this link : https://demo.xtemos.com/basel/home-minimalist/

    How do I change this?

    Thanks

    #139864

    Hello,

    Here is the shortcode for the page:

    [vc_row css=".vc_custom_1461069173204{margin-top: -40px !important;margin-right: -15px !important;margin-bottom: 30px !important;margin-left: -15px !important;}"][vc_column][rev_slider_vc alias="home-minimalist"][/vc_column][/vc_row][vc_row css=".vc_custom_1461069179817{margin-bottom: 4% !important;}"][vc_column width="1/3"][promo_banner image="126" alignment="right" hover="1" basel_color_scheme="dark" img_size="600x400" link="#"]
    <h3 style="font-weight: bold; font-size: 20px; margin-bottom: 10px;">AUTUMN COLLECTION</h3>
    <a class="btn btn-style-link" href="#">Shop Now</a>[/promo_banner][/vc_column][vc_column width="1/3"][promo_banner image="126" alignment="center" hover="1" basel_color_scheme="dark" img_size="600x400" link="#"]
    <h2 style="font-weight: 600; font-size: 20px; margin-bottom: 10px;">#YOUMUSTHAVE</h2>
    <a class="btn btn-style-link" href="#">Shop Now</a>[/promo_banner][/vc_column][vc_column width="1/3"][promo_banner image="126" hover="1" basel_color_scheme="dark" img_size="600x400" link="#"]
    <h3 style="font-weight: bold; font-size: 19px; margin-bottom: 10px; color: #ff6464;">HOT SALE <em>30%</em></h3>
    <a class="btn btn-style-link" href="#">Shop Now</a>[/promo_banner][/vc_column][/vc_row][vc_row css=".vc_custom_1461061107781{margin-bottom: 5% !important;}"][vc_column][basel_title style="bordered" title="FEATURED PRODUCTS" css=".vc_custom_1461064823083{margin-bottom: 35px !important;padding-top: 5px !important;padding-bottom: 10px !important;}" subtitle="AMAZING SHOP"][basel_products items_per_page="8" pagination="more-btn" columns="4" orderby="title" order="ASC"][/vc_column][/vc_row][vc_row css=".vc_custom_1461090459580{margin-right: 5px !important;margin-bottom: 40px !important;margin-left: 5px !important;padding-top: 15px !important;padding-bottom: 30px !important;background-color: #f7f7f7 !important;}"][vc_column width="1/3" css=".vc_custom_1485006427323{padding-right: 4vw !important;padding-left: 4vw !important;}"][vc_icon type="linecons" icon_linecons="vc_li vc_li-truck" color="black" size="lg" align="center" css=".vc_custom_1483626825834{margin-bottom: 5px !important;}"][basel_info_box btn_position="static" alignment="center" btn_text="View Products"]
    <h3>Free Shipping & Delivery</h3>
    Quam natoque magna conubia odio vestibulum dui sagittis.[/basel_info_box][/vc_column][vc_column width="1/3" css=".vc_custom_1485006433252{padding-right: 4vw !important;padding-left: 4vw !important;}"][vc_icon type="linecons" icon_linecons="vc_li vc_li-diamond" color="black" size="lg" align="center" css=".vc_custom_1483626830453{margin-bottom: 5px !important;}"][basel_info_box btn_position="static" alignment="center" btn_text="View Products"]
    <h3>Brilliant Quality Items</h3>
    Quam natoque magna conubia odio vestibulum dui sagittis.[/basel_info_box][/vc_column][vc_column width="1/3" css=".vc_custom_1485006437832{padding-right: 4vw !important;padding-left: 4vw !important;}"][vc_icon type="linecons" icon_linecons="vc_li vc_li-camera" color="black" size="lg" align="center" css=".vc_custom_1483626835782{margin-bottom: 5px !important;}"][basel_info_box btn_position="static" alignment="center" btn_text="View Products"]
    <h3>Awesome Products Photo</h3>
    Quam natoque magna conubia odio vestibulum dui sagittis.[/basel_info_box][/vc_column][/vc_row][vc_row][vc_column][basel_title style="bordered" title="FEATURED POSTS" css=".vc_custom_1461092154371{margin-bottom: 35px !important;padding-top: 5px !important;padding-bottom: 10px !important;}" subtitle="FROM OUR BLOG"][basel_posts slides_per_view="3" posts_query="size:4|order_by:ID|order:DESC|post_type:post" img_size="367x225"][/vc_column][/vc_row]

    Best Regards

    #140069

    chandinipt
    Participant

    Thank you.

    One more thing. What’s the easiest way to change the underlying image in your promo_banner tag? Right now, I’ve had to first go into the front end editor to change it, because it wouldn’t accept ‘src’ or ‘img_src’.

    Thank you

    #140163

    Hello,

    Your question is not clear enough. Do you mean the background-image in the promo banner? If so, you can find this option just in the element: https://prnt.sc/owvhc2

    If it is not what you need, please provide the screenshot on the problem.

    Best Regards

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