Return to previous page

Ideal dimensions - by Ron - on WordPress WooCommerce support

This topic has 35 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

Ron

Participant

February 18, 2015 at 07:52

Hi,

I have changed the breadcrumbs backgound and size to 1140 x 130.
1140 is the width of the container

But the image keeps stretching.

How can I set it to perfectly line up with the content container?

http://nimb.ws/47dX3Y

#43211 Copied

34 Answers

Stan Russell

Participant

February 18, 2015 at 09:26

Hello,

please provide us with link to your site in Private content.

Regards,
Stan Russell.

#43223 Copied

Ron

Participant

February 18, 2015 at 10:42

Did send you a PM.

Please, contact administrator
for this information.

#43259 Copied

Eva Kemp

Support staff

February 18, 2015 at 11:16

Hello,

I’ve set 1140 x 130 px for the image in revolution slider settings.
Please check it now.

Thank you.
Regards,
Eva Kemp.

#43272 Copied

Ron

Participant

February 18, 2015 at 11:32

Hi Eva,

The rev slider was not the problem Eva and niot my question.

I have changed the breadcrumbs backgound (for page heading) and size to 1140 x 130.
1140 is the width of the container

Have a look at a single product page.

But the image keeps stretching.

How can I set it to perfectly line up with the content container?

thx

Ron

#43278 Copied
Eva Kemp

Support staff

February 18, 2015 at 19:58
Hello,

Sorry for misunderstanding.
Please add this code in custom.css file or style.css of your child theme:
```
.bc-type-4 {
    background-size: auto auto !important;
}
```
Thank you.
Regards,
Eva Kemp.
#43515 Copied
Ron

Participant

February 19, 2015 at 10:58

Hi Eva,

I still see the breadcrumbs and pagination on the single product page after putting in the code

I also like to play with the default spacing between top of page and menu.
Also te default space between header and begin of content

thx.

Ron

#43663 Copied
Robert Hall

Support staff

February 19, 2015 at 11:28
Hello,

To reduce space between top of page and menu try to add this code into custom.css file.
```
.header-type-11 .navbar-collapse{
margin-top: 5px !important; 
}
.navbar{
padding: 10px 0;
}
```
– space between header and begin of content
```
.page-heading-slider .wpb_content_element{
margin-bottom: 15px;
}
```
Regards,
Robert Hall.
#43667 Copied
Ron

Participant

February 19, 2015 at 11:29

Hi Eva,

Sorry, wrong reply to your suggestion.
Banner is perfect now.

But….

I still see the breadcrumbs and pagination on the single product page after putting in the code

I also like to play with the default spacing between top of page and menu.
Also te default space between header and begin of content

.fixed-header-area .menu {
margin-botton: 5px !important;
}
.rev_slider_wrapper {
margin-bottom: -5px !important;
}
.bc-type-4 {
background-size: auto auto !important;
}
.woocommerce-breadcrumb, #breadcrumb {
display: none;
}

Please advise!

thx.

Ron

#43670 Copied
Robert Hall

Support staff

February 19, 2015 at 14:13
Hello @Ron,

Did you tried use code that I write to you above?
To hide breadcrumbs and pagination on the single product try to add this code into custom.css file.
```
.single-product .container .title,
.single-product .container .woocommerce .woocommerce-breadcrumb,
.single-product .container .back-history{
display:none;
}
```
Regards,
Robert Hall.
#43701 Copied
Ron

Participant

February 20, 2015 at 06:06

Hi Robert,

I did put in the code but no results.

Please advise because later today I have to deliver to my client..

thx

Ron

#43930 Copied

Robert Hall

Support staff

February 20, 2015 at 08:11

Hello,

Please provide us with FTP credentials in Private Content.

Regards,
Robert Hall.

#43935 Copied

Ron

Participant

February 20, 2015 at 08:29

send PM

Please, contact administrator
for this information.

#43941 Copied

Robert Hall

Support staff

February 20, 2015 at 09:11

I’ve made some changes in custom.css file. Please check it.

Regards,
Robert Hall.

#43948 Copied

Ron

Participant

February 20, 2015 at 09:21

Hi Robert,

Thanks man! That did the trick for the pagination and breadcrumbs!

Was it something I did wrong with the custom.css file?

Last question regarding the white spacing between footer and content.
How can I reduce this? It is far to spacy!

Thx, Ron

#43955 Copied
Robert Hall

Support staff

February 20, 2015 at 09:29
Hello,

There was not the correct code.
I’ve added this code to reduce the white spacing between footer and content. Please check.
```
.responsive-sidebar-bottom{
	margin-bottom: 0px;
}
.tabs .tab-content{
	margin-bottom: 0px;
}
```
Regards,
Robert Hall.
#43962 Copied
Ron

Participant

February 20, 2015 at 09:33

Your a genius Robert!
Thank you very much for your help and the help from the other team members!

Have a nice weekend!

Regards,

Ron

#43964 Copied

Robert Hall

Support staff

February 20, 2015 at 09:40

You’re welcome!
Have a good day!

Regards,
Robert Hall.

#43972 Copied

Ron

Participant

February 24, 2015 at 07:49

Hi Robert,

Still a problem, this time the post pages still show breadcrumbs and pagination.

Please help.

thx

Ron

#44738 Copied

Ron

Participant

February 24, 2015 at 08:05

Hi,

I have a problem with the responsiveness of the banner on mobile.
It simply does not scale.

Also, on some pages viewed on mobile, the downpart of the banner disappears.

Pleas help

#44740 Copied
Eva Kemp

Support staff

February 24, 2015 at 17:02
Hello,

As I see there are no breadcrumbs and pagination on post pages.
Could you please show a screenshot?

Concerning the banner please add this code in custom.css file:
```
@media (max-width: 480px) {.tp-simpleresponsive .tp-caption {
  top: 0px !important;
}
.page-heading-slider .wpb_revslider_element {
 height: 50px;
}}
```
Thank you.
Regards,
Eva Kemp.
#45040 Copied
Ron

Participant

February 26, 2015 at 10:39

Hi,

Below a screenshot of the single post page breadcrumbs and posttitel in the banner

http://nimb.ws/wNIA2u

thx

Ron

#45617 Copied
Eva Kemp

Support staff

February 26, 2015 at 14:21
Hello,

Thank you for the screenshot.
Please add this code in custom.css file:
```
.bc-type-3 .title, .bc-type-3 a {
    display: none;
}
```
Thank you.
Regards,
Eva Kemp.
#45674 Copied
Ron

Participant

February 27, 2015 at 09:30

Hi Eva,

Code is not working.

Please advise

Regards,

Ron

#46099 Copied

Eva Kemp

Support staff

February 27, 2015 at 10:33

Hello,

I’ve edited the code.
Please clear browser cache and check the site now.

Thank you.
Regards,
Eva Kemp.

#46109 Copied

Ron

Participant

February 27, 2015 at 10:54

Hi Eva,

Yes! The crumbs disappeared! Great job.

But… now if you look at the banner, I think the papdding or margin is not set correct.
The orange lines are different in height.

Look at the weblog page and have a look at the individual post page difference

Thx

Ron

#46112 Copied

Stan Russell

Participant

February 27, 2015 at 14:05

Hello,

is your site currently online? We can not reach it. Please check.

Regards,
Stan Russell.

#46178 Copied

Ron

Participant

February 27, 2015 at 14:27

Yes website is online.

#46186 Copied
Stan Russell

Participant

February 27, 2015 at 14:38
Hello,

please add following code to yours custom.css file:
```
.bc-type-3 {
    height: 150px;
}
```
Regards,
Stan Russell.
#46192 Copied
Ron

Participant

February 27, 2015 at 15:01

Hi Stan,

Do not know what the problem is but all individual postings have the same header section background settings but look looks.

Please check by visiting the website

thx

Ron

#46198 Copied
1 2

Viewing 30 results - 1 through 30 (of 35 total)