Header in Fullwdh ? - by BilalKass - on WordPress WooCommerce support

This topic has 69 replies, 5 voices, and was last updated 9 years, 3 months ago ago by Jack Richardson

  • Avatar: BilalKass
    BilalKass
    Participant
    June 8, 2015 at 17:32

    Hey, iam working with the Legenda Theme and want to create my personal header.

    I would like to have it in die middle with Header 7 ! Without the small speechbox at the leftside and in full widh size not only small boxed

    The problem is that my Header is shown like the Picture linked:
    Header Problem

    hope you can help me, iam not a pro in wordpress.

    68 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 8, 2015 at 18:14

    Hello,

    Please provide us with url to your site and show a screenshot what you want to achieve.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 8, 2015 at 18:14

    Hello,

    Please add this code in custom.css file

    .tbs{
    display:none;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
    Regards,
    Robert Hall.

    Avatar: BilalKass
    BilalKass
    Participant
    June 8, 2015 at 20:22

    @Robert, thanks now the left side is clear , but i want my logo be full sized on the header like this, not only boxed like my linked screenshot.

    @ Eva here is my hompage – check private content

    i would like to have it like this

    final

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 8, 2015 at 20:47

    Hello,

    Try to add as background image to header area. Please use this code in custom.css file.

    .header{
      background: url(http://welovewheels.de/wp-content/uploads/2015/05/asphalt-drift-traces-hd-wallpaper.jpg) no-repeat;
      background-position: center;
    }

    But in this case you will have to choose the right size of the image because your logo has big size.

    Regards,
    Robert Hall.

    Avatar: BilalKass
    BilalKass
    Participant
    June 8, 2015 at 20:55

    Which size would be good for my page?, i tried this code in my Custom css but it dosent change anything?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 8, 2015 at 21:26

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: BilalKass
    BilalKass
    Participant
    June 8, 2015 at 21:43

    Robert Hall,

    check private Content

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    June 9, 2015 at 09:46

    Hello,

    I’ve edited the code:

    .header {
        background: transparent url("http://welovewheels.de/wp-content/uploads/2015/05/asphalt-drift-traces-hd-wallpaper.jpg") no-repeat scroll center center;
        background-position: right center;
        background-size: 100% 270px;
    }

    and added a new one:

    .header-logo {
     display: none;
    }
    
    .main-header > .container {
     height: 200px !important;
    }

    Please check header now.

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 9, 2015 at 10:22

    Thanks for this! Now i changed my Header in the right position, still the hart is not on the right place i marked it in the screen shot, how to put it there ?

    cart

    Avatar: stan
    Stan Russell
    Participant
    June 9, 2015 at 10:47

    Hello,

    please try following code:

    .shopping-cart-widget {
      position: fixed!important;
      right: 100px;
    }

    Regards,
    Stan Russell.

    Avatar: BilalKass
    BilalKass
    Participant
    June 12, 2015 at 01:29

    Hey thanks first for ur support very very good !

    I have now 2 other questions.

    1. How the put this banner as Categorie image ? Because there is double ” Felgen “, i want it in this desgin not in standart look.

    2. How to edit this Brand Categories?

    Take a look at my screenshot you will see what i mean..

    Thanks for everything

    Avatar: Eva
    Eva Kemp
    Support staff
    June 12, 2015 at 09:13

    Hello,

    1. There is no option to add different breadcrumbs images for each page. in this case you can only set background image for the breadcrumbs on all pages in Theme Options > Header > Breadcrumbs background or disable breadcrumbs for products pages and use images you added in products categories settings. You can disable breadcrumbs for products pages in wp-admin panel > Pages > edit Shop page and select “Disable” in “Show Page Heading” section on the right side of the page editor.

    2. What exactly do you want to edit? As I see those are product categories that you created in Products > Categories.

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 12, 2015 at 12:57

    okay thanks for this i will try it,

    my page is going to be in German, so i neet to edit some Buttons to german language,

    how to edit this for example? from ” return to previous page” to ” Zurück zur vorherigen Seite”

    And my Categories to ” Kategorien”

    And 1 other thing belows to the Shop , i have Variable products in size etc. When you open an Article Page you only see the starting and ending price, normaly it should display the end price after choosing the variations , could you help me here?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 12, 2015 at 16:09

    Hello,

    1. You can translate “Categories” in Appearance > Widgets, just add “Woocommerce Product Categories” widget to “Shop Sidebar” area and write your title.
    “return to previous page” can be translated in .po file in wp-content/themes/royal/languages directory.

    2. Please add this code in custom.css file:

    .product-information .price {
        display: block !important;
    }

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 13, 2015 at 02:14

    that worked well , thanks but what .po file to choose there are many in the language directory? and how to do this?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 13, 2015 at 08:37

    Hello,

    Please read our documentation how to translate the theme:
    https://www.8theme.com/demo/docs/royal/#!/1_how_to_translate

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 16, 2015 at 12:51

    i will read it carefuly . thanks for the link

    By the way there 2 things that are annoying me ,

    1. The chart desgin in the header , can i change the colour of the Font , or even the icon of it? becaus as you can see, its hard to read in black.

    2. On every page , some products are displayed, how to turn that list off ? I didnt mention when i had activated it..

    Avatar: Eva
    Eva Kemp
    Support staff
    June 16, 2015 at 13:16

    Hello,

    1. Please add this code in custom.css file:

    .shop-text, .cart-summ {
        color: white !important;
    }
    .cart-popup-container {
        position: fixed !important;
        top: 125px !important;
        right: 100px !important;
    }

    To change cart icon you need edit the file wp-content/themes/royal/images/sprite/icons.png via Photoshop or upload your image and add this code in custom.css:

    .ico-sum {
        background-image: url("http://path_to_your_image"); 
    }

    2. You have added Woocommerce Products widget into Footer 1 area in Appearance > Widgets. Remove it and that list will disappear.

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 16, 2015 at 20:46

    okay thanks for that worked perfect!

    Can i rename “Cart” to “Warenkorb” ? and do i have to change some options in translation if i want to translate ” no products in cart” ?

    And ive turned the fixed navigation off, but the cart is still scrolling down, can i make it standing fixed?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 17, 2015 at 07:57

    Hello,

    I’ve added this code in custom.css file:

    .header-type-7 .header .navbar-header {
        width: 90% !important;
    }

    Please check header now.
    To translate theme you need follow the instruction in our documentation:
    https://www.8theme.com/demo/docs/royal/#!/1_how_to_translate

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 19, 2015 at 11:19

    I have short question,

    On my Homepage the Footer Links and copyright dosent appear in Footer, when you go to shop or other page, you see Footer 2 and the Links + Copyright..

    Avatar: Eva
    Eva Kemp
    Support staff
    June 19, 2015 at 11:27

    Hello,

    You selected custom footer for home page. I’ve removed it and now similar footers are displayed on all pages.
    If you want to show only one copyright section, remove your text block in Static Blocks > Footer 1.

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 19, 2015 at 23:00

    i have to say thanks for that perfect support – rated 5 stars.

    Ive translated everything but 2 things cant be? or where to change the Text ?

    1. Returns& Delivery on Product page , where to change that and the Information of it?


    2. Calculating the Shipping in the Cart, i want to translate the Text too

    Avatar: Eva
    Eva Kemp
    Support staff
    June 22, 2015 at 08:06

    Hello,

    You can find tab content in Theme Options > Single Product Page > Custom Tab title.
    Please update the theme to the latest version and that message for shipping calculation will be removed in the new version.
    Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.
    Also update all required plugins https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!


    (it’s for Legenda theme but the process is the same).

    Regards,
    Eva Kemp.

    Avatar: BilalKass
    BilalKass
    Participant
    June 22, 2015 at 18:27

    thanks for that.

    on my shop i dont want product ratings “Bewertungen” , is it possible to deactivate this part and remove it from the page ?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 22, 2015 at 18:30

    Hello,

    You can disable this option in Dashboard->Products->edit products->Product Data->Advanced.

    Regards,
    Robert Hall.

    Avatar: BilalKass
    BilalKass
    Participant
    June 28, 2015 at 20:13

    I have a last question, near everything is now perfect for me, but the header is in very bad quality ( resolution)

    Its like beeing streched to fit in full widh , cant i upload a header on a fixed resolution ? Without streching and moving ?

    What is the resolution for the Header part?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 29, 2015 at 09:26

    Hello,

    The resolution is 1200px*150px.
    Try to resize your image and reupload.

    Best regards,
    Jack Richardson.

    Avatar: BilalKass
    BilalKass
    Participant
    June 29, 2015 at 11:07

    i uploaded it in 1200x150px but as u can see in the screenshot it is resized badly…

    it has to look like this

    But its like this after uploading it..

  • 1 2 3
    Viewing 30 results - 1 through 30 (of 69 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.