Reply 268697 to: Gaming Home page

Avatar: Olga Barlow
Olga Barlow
Support staff
January 16, 2021 at 11:42

Hello,

Could you, please, numerate your questions to avoid misunderstanding?

1) If you create an additional header and add the correct conditions https://prnt.sc/wt8ced and edit really game header https://prnt.sc/wt94g0 then changes will be applied for that header only. Save your changes under the multiple headers first https://prnt.sc/wtaak4 and then click save button for all theme options https://prnt.sc/wtafyc I have created Game header you may try and check.

2) If you want to change the hover use the right click > States > hover https://prnt.sc/wtaw20
Also, control the classes you use while adding the custom https://prnt.sc/wtbtuy Use global classes .product-details .add_to_cart_button , don’t use generated classes that yellow pencil offen offers, for example .slider-8614 .product-details .add_to_cart_button

3) Go to Appearance > Menus > create the menu for the gaming page with submenus you need. After that choose this menu in the settings of the Game header https://prnt.sc/wtcxlh Sale this header first https://prnt.sc/wtaak4 , and then save theme options https://prnt.sc/wtafyc .

4) Add the below code to Theme Options > Custom CSS

/* ========= Custom for products ========== */
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}

.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
		margin-left: auto;
}
/* ========= END of custom for products ========== */

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.