This topic has 35 replies, 4 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp
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?
Hello,
please provide us with link to your site in Private content.
Regards,
Stan Russell.
Did send you a PM.
Hello,
I’ve set 1140 x 130 px for the image in revolution slider settings.
Please check it now.
Thank you.
Regards,
Eva Kemp.
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
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.
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
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.
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
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.
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
Hello,
Please provide us with FTP credentials in Private Content.
Regards,
Robert Hall.
send PM
I’ve made some changes in custom.css file. Please check it.
Regards,
Robert Hall.
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
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.
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
You’re welcome!
Have a good day!
Regards,
Robert Hall.
Hi Robert,
Still a problem, this time the post pages still show breadcrumbs and pagination.
Please help.
thx
Ron
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
You must be logged in to reply to this topic.Log in/Sign up