Basic cosmetic questions - by Su Flo - on WordPress WooCommerce support

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

  • Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 11:58

    We have a few cosmetic issues and would be appreciated if you could help.

    1. Upon selected a main menu item, when you scroll down the page, the main menu item disappears from the navigation bar.
    2. How can we change the hover colour of the main menu items and also remove the grey underline hover?
    3. The home page slider sizes have shrunk since adding information to template. What size in pixel dimensions do the full-width sliders need to be?
    4. How can we bring the main menu items closer together?
    5. How do we upload a MP4 video to replace the current one on the full-width slider home page? What KB/MB does this need to be and what pixel dimensions?
    6. How can we change the font sizes of the secondary upper menu?
    7. On upper banner section in shopping card, how do we remove the red Xstore X symbol? Can we include our own upper banners for each page?
    8. How can we increase the speed of the home page sliders?

    Please, contact administrator
    for this information.
    18 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 30, 2017 at 13:43

    Hello,

    1. Please provide a screenshot.
    2. Hover color depend on Main color on your site http://prntscr.com/gewgmm
    You may add this code in Theme Options > Styling > Custom css:

    .menu-wrapper .menu > li > a:hover {
        color: red;
    }
    .header-color-white .menu-wrapper .menu > li > a:hover:after {
        display: none;
    }

    3. Settings from our demo http://prntscr.com/gewj1c
    4.

    .menu-wrapper .menu > li > a {
        padding: 0.6em 0.6em;
    }

    5. Please read slider documentation and watch video tutorial https://www.themepunch.com/revslider-doc/layer-actions-links/#play-pause-video
    6. Theme Options > Typography > Secondary Navigation.
    7. Please provide a screenshot.
    8. https://www.themepunch.com/revslider-doc/layer-animations-timeline/

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 14:18

    Hi Rose, Many thanks. We cannot seem to add a screen shot. The web link is in the private content for you. Here are the points that required screen shots:

    1. If you click on say, About, try scrolling down the page, you will see the About Menu Nav Item vanishes.

    6. Could you please be a little more specific as to how to change the fonts and size and colour of the text for the upper left section. Have tried as suggested but nothing seems to work. Hope you can advise.

    7. If you click on the About page once more, you can see the RED X at the top of the screen, how can we remove this and replace it, plus can we have a specific banner for each page?

    With the other ones, thank you very much for the expert advise, we do have some other cosmetic issues so hopefully we can then get the cart up and running soon. Many thanks.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 30, 2017 at 14:31

    1.

    .fixed-header .menu-wrapper .menu > li.current-menu-item > a {
        color: white;
    } 
    .menu-wrapper .menu > li.current-menu-item > a:after {
        display: none;
    }

    6. Do you mean this text? http://prntscr.com/gexlvp
    7. Please go to Theme Options > General > Breadcrumbs > Breadcrumbs background.
    If it won’t help, please provide wp-admin access in Private Content.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 17:16

    Hi Rose,

    Many thanks.

    1. have have added the CSS code, however, still, after you click on ABOUT and then scroll down, the ABOUT menu item disappears.

    2. Yes the screen shot is correct, this is the part where we would like to change the size, font etc.

    3. The Red X has now been removed from the breadrumbs, great, however will it be possible to have a different banner for each page?

    Many thanks.

    Avatar: Su Flo
    Su Flo
    Participant
    August 31, 2017 at 08:33

    Hi Rose,

    Further to the above last three items from yesterday, we have the following questions we hope you can help with, this should almost be the end of the site design, then we can move onto some of the shop layouts. Your help once again is tremendously appreciated.

    A. In Footer section, column 1, left side, how can we change the colour of the text to be the same as the other 3 columns?

    B. In Upper Secondary Navigation section, the section with Social media icons, how can we change the hover colour so it is the same golden colour as per the social media icons at the column 4 of the footer?

    C. How can we extend the lowest copyright section so the text fits into one line only?
    How can we change the grey background of the copyright footer section so it reflects the rest of the site?

    D. How can we add a currency drop down search in the top left secondary navbar?

    E. How can we change the background colour of the top panel static block, including the text?

    F. On the main menu nav bar we notice there is a larger, inconsistent gap between NEWS and ABOUT, can this gap be narrower?

    G.On the home page Join our Mailing list section, how can we add the contact form as it seems to have disappeared?

    H. Now we have removed the Red X logo from the upper page banners, we notice above each central heading, i.e. ABOUT, CONTACT, COLLECTIONS the word “HOME” appears. How can we remove this please.

    Look forward to your help. Kind Regards.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2017 at 10:14

    Hello,

    Please provide wp-admin access in Private Content.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 31, 2017 at 11:33

    As below, hope this works.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2017 at 12:17

    Let me know your Dashboard access, so I could check your settings.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 31, 2017 at 12:46

    Details below for you.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 31, 2017 at 12:56

    Please check http://prntscr.com/gfctjh

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 31, 2017 at 16:48

    Hi Rose, please see below. Hope this helps.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 10:30

    Hello,

    1. I’ve added !important; Please check now.
    2. For example

    .top-bar .languages-area a {
        font-size: 14px;
    }

    https://www.w3schools.com/css/css_font.asp
    3. If you want to use different breadcrumbs images for some pages instead of the image that were selected in Theme Options then go to Pages > edit page > upload featured image for your page and it will appear in breadcrumbs.

    A. I would recommend you create footer as static block.
    Please read our documentation http://xstore.helpscoutdocs.com/article/47-static-blocks
    http://xstore.helpscoutdocs.com/article/48-widgets-custom-widget-areas, create static block and set it in Appearance > Widgets > Footer.
    B.
    .top-bar.topbar-color-white .topbar-widget.etheme_widget_socials .et-follow-buttons a:hover, .top-bar.topbar-color-white a:hover {color: #a67033;opacity: 1;}
    C. http://prntscr.com/gfqiaz http://prntscr.com/gfqhtc
    D. Please read topic https://www.8theme.com/topic/how-to-add-woocommerce-currency-switcher-in-top-bar/
    E.

    .top-panel-opened .top-panel-container {
        background-color: red;
    }

    F. Please check your menu settings http://prntscr.com/gfqklx
    G. You need activate MailChimp plugin. Read more http://xstore.helpscoutdocs.com/article/66-mailchimp-form-custom-styles
    H. All available breadcrumbs settings you may find in Theme Options > General > Breadcrumbs.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    September 1, 2017 at 11:53

    Hi Rose, Many thanks. There are some remaining pieces we hope you can help with please.

    1. Done, Excellent, Thank you.
    2. Size of Font in top left nav bar has changed, how do we change the font?
    3. Thank you, will take a look.

    A. Done, Excellent, Thank you.
    B. Done, Excellent, Thank you.
    C. We’ve noticed you have split up the wording of our left bottom copyright into two sections (left and right) so they appear to be on the same line. We would like to add one straight line rather than having two sections. We might even extend this to using two full lines instead of one.
    D. Will look at this, thank you.
    E. Done, Excellent, Thank you.
    F. Excellent, Perfect.
    G. Thank you, is there a way of doing this with Constant Contact instead of Mailchimp?
    H.Have looked at the breadcrumb settings but we still can’t find where we can remove the “Home” title which is appearing on every page. Original question save you scrolling up: “Now we have removed the Red X logo from the upper page banners, we notice above each central heading, i.e. ABOUT, CONTACT, COLLECTIONS the word “HOME” appears. How can we remove this please.”

    Will send a new ticket for some new items shortly.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 15:32

    You’re welcome!
    2. For example:
    http://prntscr.com/gfucuy
    font-family: "Times New Roman", Times, serif;
    C. In this case: http://prntscr.com/gfuf4t and add this code in custom css:

    .footer-copyrights {
        width: 100%;
    }
    .footer-copyrights-right {
        display: none;
    }

    G. To add a contact form, use the Contact Form 7 plugin http://prntscr.com/gfuglh
    H.

    .breadcrumbs #breadcrumb {
        display: none;
    }

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    September 1, 2017 at 17:16

    Thank You Rose,

    Have added the coding to the CSS in style>Custom CSS, but the Heading is still there. Please see private section.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 4, 2017 at 10:35

    Hello,

    Please also add:

    .woocommerce-breadcrumb {
        display: none;
    }

    8Theme Options > E-Commerce > Single Product Page > Display related products.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    September 4, 2017 at 11:03

    Thank you Rose, much appreciated. Thank you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 4, 2017 at 11:08

    You’re welcome!

    Regards

  • Viewing 19 results - 1 through 19 (of 19 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.