Gaming Home page - by TLSS2020 - on WordPress WooCommerce support

This topic has 18 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

  • Avatar: TLSS2020
    TLSS2020
    Participant
    December 18, 2020 at 17:37

    Can we use the gaming homepage as an extra page within our Niche website? We have alot of gaming equipment, games etc. We are using Elementor and I see this is for WP Bakery. We would really like to use this page if possible

    17 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 19, 2020 at 10:23

    Hello,

    We do not have pages of the Game demo on Elementor. But you can enable WPBakery, create a new page and import the desired page like shown here – https://youtu.be/wkIKN2IyEZI
    Please do not edit pages using 2 editors, you need to be careful and edit a page using Elelentor or WPBalery only, depends on what editor was used to create the page, to prevent problems with the content displaying.

    Regards

    Avatar: TLSS2020
    TLSS2020
    Participant
    December 19, 2020 at 12:22

    Hi Rose,

    I already made that midtake. You must learn from your mistakes. Do you think the developer will create this page in elementor. The reason I ask is we had had issues with wprocket and using 2 page builders in our electro theme.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 19, 2020 at 14:39

    Hello,

    This demo won’t be created on Elementor in the near future.
    I’ve manually created a “Games” page on your site, using Elementor, so you can edit it depends on your needs.

    Regards

    Avatar: TLSS2020
    TLSS2020
    Participant
    December 19, 2020 at 20:41

    Hi Rose,

    Thank you very much. This is awesome. I am happy we have moved from Electro Theme to you. The service is better, much better

    Avatar: TLSS2020
    TLSS2020
    Participant
    December 19, 2020 at 20:53

    Hi

    How do I create a header that will fit with this layout, without changing the other headers and colours?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 20, 2020 at 09:48

    Hi,

    I’ve added a custom header for “Games” page – https://prnt.sc/w6f7ol (Theme Options > Header builder > Multiple headers)
    https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: TLSS2020
    TLSS2020
    Participant
    December 21, 2020 at 07:56

    Hi Rose,

    Thank you for that.

    I tried to edit just the game’s header but it changes the other headers too. What I want is the main headers to the blue one, but for the games page, it must the red one, with the secondary menu left, logo middle, and the wishlist, cart on the right. It must look like the blue layout, but only have the logo in the middle. But the blue layout must not change for the other pages. I want to use the blue template for the games, but the logo must be in the middle and it must be red, and must be full accross the top

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 21, 2020 at 10:06

    Hi,

    Go to Theme Options > Header builder > Multiple headers > edit the custom header – https://prnt.sc/w6f7ol , or delete/unselect the current custom header for the Games page. Then click on Create a new header – https://prnt.sc/w70qi7 select where to show this header and changes the content/colors.
    The default Header is shown on all pages, all additional headers can be shown on pages/posts/products depends on your needs.
    Watch this video – https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: TLSS2020
    TLSS2020
    Participant
    December 21, 2020 at 16:14

    I tried that but it takes away me default header. Everything I do on the games header changes the default header. It is very frustrating.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 22, 2020 at 15:06

    Hello,

    1) Make sure that you edit the header that you created http://prntscr.com/w7uxm1
    2) And that you chose the correct conditions to show it for the page where you really need it.

    Regards

    Avatar: TLSS2020
    TLSS2020
    Participant
    January 15, 2021 at 09:33

    Hi,

    Can you please just change the color of the header and newsletter sign up form in the games pages to red. I have tried to do it, but it defaults to the main header or it changes all the headers

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 15, 2021 at 16:20

    Hello,

    I used the Yellow pencil plugin to implement the mentioned styles for that page only
    https://prnt.sc/wp29h2
    Check now.

    Regards

    Avatar: TLSS2020
    TLSS2020
    Participant
    January 16, 2021 at 09:14

    Hi Olga,
    Thank you. But why why is it bugging out like this using multiple headers. Even when Rose added the Gaming header, as soon as I edited it, all the headers became the gaming header, or there were issues with the colour. That is why I decided to use the same header instead of the nice Gaming header. It just did not want to work as it should. It is a pity though.

    Avatar: TLSS2020
    TLSS2020
    Participant
    January 16, 2021 at 10:04

    Hi
    Can I create a separate logo slider with only gaming logos on for the gaming page? I would like to do something similar for the Engineer page as well

    Avatar: TLSS2020
    TLSS2020
    Participant
    January 16, 2021 at 10:39

    Hi
    How do I change colours when i hover over the text? Now when I use yellow pencil it only changes the colour when the mouse is not hovering over it. I want the text to be white standard and when you hover over it, it must turn black
    https://prntscr.com/wt22md
    I would like to change the colours of the bubble standard to the red and the when you hover on it a lighter shade of red. The text in normal must be white and when you hover on it it must be black
    https://prntscr.com/wt29ia

    Avatar: TLSS2020
    TLSS2020
    Participant
    January 16, 2021 at 10:43

    How do I create the drop down menu only for this gaming page?
    https://prntscr.com/wt2kah
    Also how do I allign these products?
    https://prntscr.com/wt29ia

    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

  • Viewing 18 results - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.