how to widen text coverage on page

  • Hi @kokkieh, starting that new thread here. My site is https://www.noahfilipiak.com

    I haven’t added any CSS yet. I had added the CSS that xbootenk had pasted in his other thread and toggled with the width option (that he has set at 1000px). But when I saw it spilled over the edges of the screen on the mobile display, I deleted it so it’s back to the default.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Thank you for starting a new thread ??

    Just cross-linking the other thread for reference.

    As I suspected it needs a media query to make sure the change is only applied to wider screens:

    /* Make content area wider on
 * desktop screens
 */
@media screen and (min-width: 768px) {
	.single-jetpack-portfolio .entry-header, .page-header, .single-jetpack-portfolio .entry-content, .page-content, .page .entry-meta, .single-jetpack-portfolio .entry-meta, .comments-area, .post-navigation, .posts-navigation {
margin-right: auto;
margin-left: auto;
width: 1000px;
}
}

    That should make the content area wider on desktop screens, while leaving tablets and phones unaffected.

Viewing 1 replies (of 1 total)
  • The topic ‘how to widen text coverage on page’ is closed to new replies.