Customizing using CSS

• 

  katharinaruess82 · Member · Apr 21, 2019 at 9:18 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am beginner in designing websites. I am currently working with Edin theme. I am recently facing some issues in customizing the web page using CSS. Some of my codes in CSS are not making any impact. For example-
  .content-area{
  width: 100%;
  }
  I used this code to increase the width of the text area. But the website does not reflect that. Can anybody help me with that?

  Thanks,
  Innobude

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

• 

  pdrw07 · Member · Apr 22, 2019 at 3:41 pm

  • Copy link

  Hi there,

  I don’t think that you would need a CSS customization for it because the Edin theme that you using already has an option for Full Width in the Page Attributes.

  Here is how you can make the Full Width page by following these instructions:
  https://en.support.wordpress.com/pages/page-options/#template

• 

  supernovia · Staff · Apr 23, 2019 at 12:14 am

  • Copy link

  Thanks @pdrw07.

  
  @katharinaruess82, noting that won’t go edge to edge on large screens, since that would make the text on a large screen less readable. But it will go full screen without a sidebar.

  If you need more help, let us know.

• 

  katharinaruess82 · Member · May 1, 2019 at 6:22 pm

  • Copy link

  Hi,

  Thanks for the reply. I want to increase the width of the text area in all the pages. How do I do that then?

  Thanks,
  Innobude

• 

  supernovia · Staff · May 1, 2019 at 11:25 pm

  • Copy link

  Innobude, you may use this CSS to increase the width only on pages without a sidebar, and only on wider screens.

  You might find this makes your reading lines too long. If so, please adjust the percentage accordingly. Good luck!

  @media screen and (min-width: 1230px) {
     .no-sidebar .content-area {
         width: 100%;
     }
  }