Styling Page Title


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.



msprague asked

    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.

    Jim Wetherill answered
      • Thanks, yes I could change the color as well. Having to put the HTML into the field is not really the direction we want to go as the person creating the surveys is not technical.




      Question stats

      • Active
      • Views5715 times
      • Answers1 answer
      • Followers0 followers