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

18 replies2 participantsUpdated by Rose Tyler

  • Avatar: Su Flo
    Su Flo
    Participant

    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.
    #171118 Copied Theme version: XStore

    18 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #171130 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    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.
    #171133 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #171134 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    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.

    #171159 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    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.
    #171180 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Please provide wp-admin access in Private Content.

    Regards

    #171194 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    As below, hope this works.

    Please, contact administrator
    for this information.
    #171212 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

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

    Regards

    #171223 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    Details below for you.

    Please, contact administrator
    for this information.
    #171231 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Please check http://prntscr.com/gfctjh

    Regards

    #171234 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    Hi Rose, please see below. Hope this helps.

    Please, contact administrator
    for this information.
    #171278 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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 https://www.8theme.com/documentation/xstore/support/static-blocks/
    https://www.8theme.com/documentation/docs/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 https://www.8theme.com/documentation/xstore/plugins/mail-chimp-form-custom-styles/
    H. All available breadcrumbs settings you may find in Theme Options > General > Breadcrumbs.

    Regards

    #171343 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    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.

    #171358 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #171412 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    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.
    #171426 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Please also add:

    .woocommerce-breadcrumb {
    display: none;
}

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

    Regards

    #171507 Copied
    Avatar: Su Flo
    Su Flo
    Participant

    Thank you Rose, much appreciated. Thank you.

    #171515 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

    #171517 Copied

Want to reply? Log in to reply to this topic. No account yet? Create one first.

Log inCreate account