Page name on shop category page

I want to use the left menu layout and when I do this, there is no option for the breadcrumb bar. I have to use al layout with a menu on top.
As for the category descriptions. This might be it. I just want to ask a few things about this.

1) The title is now in the middle of this header (page banner). Is there a way to format this with some custom css? I would like to change the height and position of the page title and also the height of the page banner.

2) When I select “display product image and description as fullwidth page banner” the chosen image will appear in this page banner but not full width. Just a part of the image. (please take a look at the sample 1 image in private content)
Is it possible to use some custom css (or something else) to adjust the position of the image? Full width of the page banner (sample image 2), or at least the width of the textual page itself (sample image 3)

3) Considering the possibility that the image they want to use is a square or portrait format and therefore not a good image size for this page banner, is there an option to choose another image, just for the page banner?

I hope I’m not asking too much and you can point me in the right direction.

Tnx,
Best regards,
Nin0

Hello Elliot,

It took a while for my answer, but I’ve been testing and searching again a little bit, before contacting you again.
I already found an answer for question 2 and 3. I found out how I can set a color for that banner, display the title but not the image.
At the banner options (products-categories-banner options) I’ve set the opacity for color overlay to “1” In that way the image is of that category is not visible in the page banner but it’s visible in the category view for each available category.
I filled in a title for each category in the description field so I have a nice colored banner with only the category name.

The only thing I would like to change is about question 1: I would like to change the height and position of the page title (left instead of center) and also the height of this banner (if possible)
Hopefully this can be achieved with some custom CSS ?
You can find a link in the private content.

Thank you for pointing me in the right direction.

Best regards
Nin0

Hi Elliott,

You’re right, i forgot to mention the password, I’m sorry for this. The credentials are in the private content.

If you don’t mind, I would like to ask you an extra question. If you want me to ask it in a new topic, than It’s not a problem. Just let me now and I post a new question/topic.
Otherwise, could you take a look to the homepage please. I created a product list with 5 items. When you resize the screen or view this page on your smartphone, than the price and name name of the product overlaps.
I hope that “overlaps” is the correct word for it? Is it possible to avoid that the price and name are “overlapping”?

Thanks for the support!

Best regards,
Nin0

Strange, because it should be working. I’ve configured it again and it should be working now.
Can you try again with the same credentials please?

Thank you!

Best regards,
Nin0

Perfect! This is what I wanted!
Thank you for this code and great support Elliot.

Happy holidays and all the best for 2016

Best Regards,
Nin0