We want to customize the .sg-page-title element with a different font, color and size.
I’ve tried defining a custom class definition for .sg-body .sg-page-title. I’ve tried wrapping the page title template in the custom html with a div and a custom class.
Its weird that the custom css is defined earlier in the page output than the standard styling. That causes the custom css to be overriden making it very difficult to style some elements.
Any help would be appreciated.
Interesting problem – I inserted some code for the sg-page-title class into CUSTOM CSS just see what would happen. I found that I was able to change attributes like the font color or text decoration, but could not change the attributes that are controlled on the FONT tab (font-size, font-family).
I also tried using inline style coding in the PAGE TITLE field – <span style=”font-family: Calibri, Arial, sans-serif; font-size:32px; color:#0000ff”;>My New Page Title</span> – this seemed to work with no problem.
Sorry I don’t have a solution for you – I still don’t have a clear understanding of the underlying template structure. Just trying to see if I can help you gain a better understanding of the problem.