Questions about content

  • 2drumstix

    (@2drumstix)


    8 years, 3 months ago

    Hello,

    Is there any additional CSS that can make text in content area (basically the text on every page) centered?

    The problem I seem to run into is I can make text centered by changing width for .content-area from 70 to 30 or 40, but then that makes text look awful on a cell phone by making it like single lines.

    I’m probably not be completely clear since I’m not a web guy, but basically just want to center all text in a content area and have it work responsive for PC, mobile, and table.

    Also, I’d like to put a gray shaded area behind all text. I tried this with .content-area {background: rgba(20, 20, 20, 0.4) !important; }, however the shaded area is a lot wider than the text, text is off to the left side.

    Ideally, it would be great if I can center all text, easily pick a font size, and put a shaded area under all text in a page.

    Thanks,
    Don

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Carolina Nymark

    (@poena)

    8 years, 3 months ago

    Hi
    Do you mean that you want the text center aligned,
    or do you mean to have it left aligned but in the middle of the page?

    When you say that you tried reducing the width of the content-area, it sounds like you want it in the middle of the page?

    I have not tested this on all devices but you can try something like

    body.page .type-page{
	background: rgba(20, 20, 20, 0.4);
	padding:2em;
}

.page .content-area {
   max-width: 50em;
}
    Thread Starter 2drumstix

    (@2drumstix)

    8 years, 3 months ago

    Hi,

    Thanks for your reply. Sorry I wasn’t able to fool with this during the day.

    I meant text aligned left, but in the middle of the page. Sorry for the confusion.

    These two things didn’t really do the trick. On a browser it did put text in the middle, but on mobile and tablet, the text was like one letter to a row all the down the page.

    Adding additional CSS for content width’s seems to work great on a PC in a browser, but on mobile and table it just squeezes it.

    Any other ideas?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Questions about content’ is closed to new replies.