Header changes - by federicobertaina - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp

  • Avatar: federicobertaina
    federicobertaina
    Participant
    November 27, 2014 at 14:19

    Hi,
    congratulation for the awsome theme!

    I would like to make these changes to the header.
    Modifications

    Can aanyone help me?

    11 Answers
    Avatar: federicobertaina
    federicobertaina
    Participant
    November 27, 2014 at 15:28

    Instead of gotham this would be better: http://www.google.com/fonts/specimen/Montserrat#pairings

    Many thanks!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 27, 2014 at 15:30

    Hello,

    Please provide us with link to the page.

    Regards,
    Robert Hall.

    Avatar: federicobertaina
    federicobertaina
    Participant
    November 27, 2014 at 15:36

    Hi Robert!
    thanks for your answer.

    I’m still working in local. It is mandatory to put the website in remote?

    Thanks

    Fede

    Avatar: federicobertaina
    federicobertaina
    Participant
    November 27, 2014 at 15:43

    It is as the demo page https://www.8theme.com/demo/legenda/

    with this modification in custom.css

    div.header-wrapper.header-type-1 {
    background-image: url(http://www.site.dev/wp-content/uploads/2014/11/top-bar.jpg);
    background-repeat: no-repeat;
    }

    It may helps?

    Fede

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 27, 2014 at 15:55

    Hello,

    Try to add following code into custom.css file.
    Also you can changes font-family. Try to use @font-face.
    http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

    .wishlist-link span,
    .shopping-cart-widget .cart-summ > a,
    .side-area-icon i:before, .menu-icon i:before {
    color:#867592;
    }
    .main-nav .menu > li > a{
    font-family:Gotham bold;
    color:#867592;
    }
    .top-bar .container{
    border-bottom: 0px;
    }
    .main-nav,
    .main-nav .double-border{
    border-top: 0px;
    }

    Regards,
    Robert Hall.

    Avatar: federicobertaina
    federicobertaina
    Participant
    November 27, 2014 at 16:45

    Hi Robert!
    This is the result and I still have some grey words. What is missing?

    Result1

    Thanks so much!

    Fede

    Avatar: Eva
    Eva Kemp
    Support staff
    November 27, 2014 at 18:41

    Hello,

    Please specify what words need to be modified? How can we check the issue?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: federicobertaina
    federicobertaina
    Participant
    November 27, 2014 at 19:13

    Hi Eva,
    thanks for your answer.
    I highlighted in red words should change colours.
    modification2

    In addition i can’t change the menu font. Can you help me about this?

    Thanks so much!

    Federico

    Avatar: Eva
    Eva Kemp
    Support staff
    November 27, 2014 at 21:19

    Hello,

    Please add this code into custom.css file:

    .top-bar .wishlist-link a i:before { color: #F00 !important; }
    .my-account-link:before { color: #F00 !important; }
    .top-bar .top-links li a { color: #F00 !important; }
    .logout-link:before { color: red !important; }
    .shopping-cart-widget .cart-summ > a:before { color: #F00 !important; }
    .shopping-cart-widget .cart-summ .items { color: #F00 !important; }

    Replace the code value with yours.

    Regards,
    Eva Kemp.

    Avatar: federicobertaina
    federicobertaina
    Participant
    November 28, 2014 at 12:49

    Thanks for your support Eva!

    Avatar: Eva
    Eva Kemp
    Support staff
    November 28, 2014 at 14:52

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Header changes’' has been successfully resolved, and the topic is now closed for further responses

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