Centre my site title and description

• 

  tracyjfox · Member · Apr 29, 2016 at 9:01 am

  • Copy link
  • Add topic to favorites

  Hi

  I would be very grateful if anyone could tell me how to centre the position of my site title ‘t r a c y f o x’ and description of ‘designer maker hand dyed fabric’.

  It is currently aligned to the left. I have CSS Customization.

  My blog is tracyfox.co.uk

  Many thanks for your help in advance.

  t r a c y

  The blog I need help with is: (visible only to logged in users)

• 

  nagpai · Member · Apr 29, 2016 at 9:41 am

  • Copy link

  add / edit these styles:

  #site-title { text-align: center;}

  #site-description{ margin: auto; width: 100%; text-align: center;}

• 

  tracyjfox · Member · Apr 29, 2016 at 11:30 am

  • Copy link

  Thank you nagpai, I have made the changes you suggested and they seemed to have worked a treat.

  The query I now have is how to control where the site description text breaks when viewed on a small device ie a phone. It looks ok in landscape orientation but not in portrait.

  I have managed to centre the text but ‘designer maker unique hand’ is on one line then ‘dyed fabric’ is underneath.

  Many thanks

  t r a c y

  Is there a way

• 

  nagpai · Member · Apr 29, 2016 at 11:33 am

  • Copy link

  Thanks Tracy. Glad we have partly achieved what you want.

  I am rather new to CSS and hence will take me some searches to get you the answer. Will wait for some veterans to answer here. :)

• 

  tracyjfox · Member · Apr 29, 2016 at 11:35 am

  • Copy link

  Thank you nagpai :)

• 

  nagpai · Member · Apr 29, 2016 at 11:37 am

  • Copy link

  Ah few interesting reads here (courtesy google):

  http://danielmall.com/articles/responsive-line-breaks/

  More articles available on keyword “responsive line breaks”

• 

  tracyjfox · Member · Apr 29, 2016 at 11:43 am

  • Copy link

  Thanks nagpai – a bit beyond my capabitilties, I can manage copying and pasting but that’s about it! :)