Return to previous page

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

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

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:

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

#68645 Copied Theme version: Royal

68 Answers

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.

#68653 Copied
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.
#68654 Copied
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

Please, contact administrator
for this information.

#68680 Copied
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.
#68687 Copied
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?

#68689 Copied

Robert Hall

Support staff

June 8, 2015 at 21:26

Hello,

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

Regards,
Robert Hall.

#68690 Copied

BilalKass

Participant

June 8, 2015 at 21:43

Robert Hall,

check private Content

Please, contact administrator
for this information.

#68693 Copied
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.
#68765 Copied
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 ?

#68772 Copied
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.
#68779 Copied
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

#69310 Copied

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.

#69352 Copied

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?

#69401 Copied
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.
#69438 Copied
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?

#69449 Copied

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.

#69464 Copied

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..

#69789 Copied
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.
#69801 Copied
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?

#69881 Copied
Tagged: customizable headers, easy to use, fullwdh header, responsive design, seo friendly, wordpress woocommerce themes
1 2 3 4

Viewing 20 results - 1 through 20 (of 69 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Grocery Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Business 02 – WordPress WooCommerce Theme

lazy-placeholder

Poster – WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Photographer – WordPress WooCommerce Theme

lazy-placeholder

Gym Store – WordPress WooCommerce Theme

lazy-placeholder

Industrial Power Tools Store – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

See All Templates

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