Customizing using CSS
-
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,
InnobudeThe blog I need help with is: (visible only to logged in users)
-
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 -
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.
-
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 -
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%; } }
- The topic ‘Customizing using CSS’ is closed to new replies.