Issues setting up theme - by aliciakh - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

  • Avatar: aliciakh
    aliciakh
    Participant
    June 28, 2018 at 01:02

    Hi there,

    I’m having issues getting the Lifestyle theme to look even remotely like the default version and I’m having trouble sorting it out myself.

    Firstly, the top bar isn’t full width and not white.

    Second, I can’t get the social icons to change, either, even though I updated the widget in that area.

    Third, the blog page (my home page) is showing photos blurry and the wrong size (it’s much too large?). I wanted the blog posts to show up like they do in the Default Skin example, but without a side bar.

    Lastly, I’d like a slider on blog/home page under the header and above the blog posts, but I can’t seem to get that working.

    I’m not really sure where to start so your guidance on the above issues would be very much appreciated!

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 08:25

    Hello,

    Sorry for the delay.
    1. You can add this code in Theme Options > Styling > Custom css:

    .header-top .container {
        width: 100%;
    }

    2. Theme Options > General > Header Settings > Header custom HTML for some variants
    3. Image size you can manage in Settings > Media. Don’t forget to Regenerate thumbnails https://wordpress.org/plugins/regenerate-thumbnails/ after changing image settings.
    Theme Options > Blog & Portfolio > Blog Layout > Sidebar position.
    4. By default, WordPress displays your content in a blog format on the homepage. If, however, you wish to create a separate page for blog posts, do the following:
    – Navigate to Pages > Add New. You can title this page as Blog.
    – Then go to Settings > Reading, and under the Front page displays option choose A static page.
    – Below that, choose the page to be used as the front page, and the page for your blog posts. Save your changes, and load your site to review them.
    Default Blog page is a specific WP page and custom content cannot be displayed here.
    Let us know if you need any further assistance and provide us with temporary wp-admin access.

    Regards

    Avatar: aliciakh
    aliciakh
    Participant
    June 29, 2018 at 13:25

    Hi Rose,

    Thanks for your help.

    I’m still having trouble with the image size and social icons. Is there a recommended image size for the grid layout? All the images are showing up blurry…

    Also, is there a code I’m supposed to be using in the header custom HTML for some variants?

    Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 13:40

    Hello,

    Could you, please, provide temporary wp-admin access?

    Regards

    Avatar: aliciakh
    aliciakh
    Participant
    June 29, 2018 at 14:52

    Sure. Should I create a temporary login with your email or provide my details in the private content area?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 15:04

    You may create the temporary user with role – administrator or provide your details. Please select the way that more suitable for you.

    Regards

    Avatar: aliciakh
    aliciakh
    Participant
    June 29, 2018 at 15:09

    Ok, thank you. Please find details in private content area.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 15:26

    1. Default Blog page takes post image size from “Medium size” in Settings > Media. If you use [8THEME] Blog List, “Large size” is used.
    2. http://prntscr.com/k0tywi – [share] inserts social icons (facebook, twitter, mail, pinterest, google+); https://www.8theme.com/demo/docs/lifestyle/#theme_settings
    You can simply add own content in “Header custom HTML for some variants”.
    If you want to add own social links, you can create a test page > add [8THEME] Socials element and set required links in settings http://prntscr.com/k0u1f0 > click on Text tab http://prntscr.com/k0u22p and copy content into “Header custom HTML for some variants” http://prntscr.com/k0u2a4 > http://prntscr.com/k0u2gn

    Regards

    Avatar: aliciakh
    aliciakh
    Participant
    June 29, 2018 at 15:41

    Sorry, I’m not understanding. What setting am I to change to make the images on the blog page the right size? I understand you can change the size in Settings > Media, but I don’t know what I’m supposed to be changing it to.

    I copied the social links code but the icons don’t show I’m assuming because they’re the same colour as the background. Where do I change the colour?

    Thanks again.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 15:53

    1. Try to change this http://prntscr.com/k0uemm to 622×382 then regenerate thumbnails.
    2. Please use this custom css code:

    .header-wrapper.header-top-menu .et-follow-buttons>a i {
        color: black;
    }

    Regards

    Avatar: aliciakh
    aliciakh
    Participant
    June 29, 2018 at 16:01

    Perfect! Everything looks great now. Thank you so much for all your help with my endless questions, Rose. I truly appreciate it.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 29, 2018 at 16:04

    You’re welcome!
    Have a nice weekend.

    Regards

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

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

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