Page tittle inconsistent with other pages

Hi,

The font and position of my Products page become different from other pages after I incorporate WooCommerce into my Sydney theme. Other WooCommerce default pages like Cart, Checkout and My Account seems not affected.
Is there anything I could do to change it back like other pages?

Thank you and regards,
limpeek

Hello there,

Try edit those WooCommerce pages, then enable the “Full width” template in the “Page Attributes” options box.

Let me know how it goes.

Regards,
Kharis

Hi Kharis,

I have changed all the WooCommerce pages’ attribute to Full width.
But still the same, the Products page still different from others.

Hope to hear from you soon.

Thanks and regards,
limpeek

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.woocommerce-page h1.page-title{
  font-size: 24px;
  color: #443f3f;
}

Let me know how it goes.

Regards,
Kharis

Hi Kharis,

Thanks for the code.
The font seems ok already. But the position still different from others. Is there anything i could do about this?

Hope to hear from you soon.

Thanks and regards,
limpeek

I thought they are consistent already. Please see this GIF https://cloudup.com/cONAM6QpcTE.

Regards,
Kharis

Hi Kharis,

But when i open the padding is different.
The page title 'Products" is like 2 times lower than the Cart page.

I am not so sure how to show you the image here.

Thanks and regards,
limpeek

Hello there,

Try to take a screencast using LICEcap. Then upload the GIF file to http://cloudup.com/ and share its URL here.

Regards,
Kharis

Hi Kharis,

Kindly find the link as below.
Cloudup

Thanks and regards,
limpeek

Hello there,

Thank you for the screencast. It helped me a lot. Try to apply the following CSS code:

.post-type-archive-product .page-title{
  padding-top: 0;
}

Regards,
Kharis

Hi Kharis,

Thanks for the code and it works perfectly for me.

Thanks and regards,
limpeek

Hello, I am having issues with my site title where my home page title is bold and the rest of the pages are not. I have this code that I believe is what effects the main title of my site

.site-title {
font-family: Bookman Old Style, Georgia, Serif !important;
font-size: 36px;
font-style: bold;
}

but it’s inconsistent with my contact page, etc. Please help!

Hello there,

Try to replace the code with this one:


.site-title {
 font-family: Bookman Old Style, Georgia, Serif !important;
 font-size: 36px !important;
 font-style: bold !important;
}

If it doesn’t work, please share the link to one of your pages, so I can check.

Regards,
Kharis

Thanks for getting back to me! It did not work home page is still the only one with bold “big city balloons” please visit www.bigcityballoons.zizzbizz.com to see the bold or http://bigcityballoons.zizzbizz.com/contact-us/ to see it without the bold.

Thanks!

Any ideas?

I am sorry, I made a mistake. You should use font-weight instead of font-style property.


.site-title {
 font-family: Bookman Old Style, Georgia, Serif !important;
 font-size: 36px !important;
 font-weight: bold !important;
}

Regards,
Kharis