Rowling Theme Static Page Aligment

• 

  sozmali · Member · Aug 21, 2017 at 11:14 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I am fairly new to WordPress and the world of CSS and HTML, I have spent the last week searching for solutions on the web and forums to no avail, please assist.
  The Problem:
  The text aligns to right of the Page leaving a blank space underneath the page title, how do I get the text to align to the left?

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

• 

  g471n · Member · Aug 22, 2017 at 8:39 am

  • Copy link

  Hi sozmali

  This line of custom CSS should work for you.

  .post-inner.clear-fix {
      float: none;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

• 

  sozmali · Member · Aug 24, 2017 at 11:47 am

  • Copy link

  Thank you so much it worked,
  Could you advise which is the best way to learn CSS and understanding what works with which theme.
  Links if possible.

• 

  g471n · Member · Aug 24, 2017 at 12:03 pm

  • Copy link

  You are welcome :)

  Have a look at this forum post –
  https://en.forums.wordpress.com/topic/learning-about-css-1?replies=1

  I would also recommend w3schools.com – https://www.w3schools.com/css/

• 

  g471n · Member · Aug 28, 2017 at 2:30 pm

  • Copy link

  Hi sozmali

  Did you find those links helpful? As a starting point, knowing how to use your browsers Developer Tools to identify the CSS that applies to the element you are wanting to change is most important. – https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

• 

  kathrynwp · Staff · Aug 28, 2017 at 6:42 pm

  • Copy link

  I’d like to second g471n’s suggestion to get to know your browser inspector, to help you determine which element to target. Here are a few additional resources:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://blog.thewcc.com/a-web-inspector-tutorial-for-front-end-developers/

  https://cssworkshop.wordpress.com/