Home › Forums › Basel support forum › Change home page style
Change home page style
- This topic has 3 replies, 2 voices, and was last updated 5 years, 6 months ago by
Elise Noromit.
-
AuthorPosts
-
August 22, 2019 at 12:45 pm #139842
chandiniptParticipantHi, 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
August 22, 2019 at 1:58 pm #139864
Elise NoromitMemberHello,
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
August 23, 2019 at 12:58 pm #140069
chandiniptParticipantThank 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
August 24, 2019 at 8:12 am #140163
Elise NoromitMemberHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register