Frame or highlight around title block text on all pages

  • Although I like the image block for the pages, it competes with the text especially on a small screen. Is there any way to highlight or somehow surround [in a frame or otherwise] the text or screen the background to help the text stand out and be legible? I attempted to add a screened oval area of the background but it moves off center. Any suggestions would be most appreciated. Thanks

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

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

  • You could try some CSS like the following in Appearance->Customize->Additional CSS

    .page-header .inner-header-content {
	background-color: white;
	border: solid 1px #CCC;
}
    Thread Starter scottofbridgeport

    (@scottofbridgeport)

    I love it! Thank you. What else can I do with this? Can I make the box a little tighter or match the blue and turn the letters white?

    Yes and yes, replace the code I gave you above with the following pieces

    .page-header .inner-header-content {
	background-color: #1f30c6;
	border: solid 1px #CCC;
	margin: auto;
	width: 600px;
}

.page-header .inner-header-content h1 {
	color: white;
}
    Thread Starter scottofbridgeport

    (@scottofbridgeport)

    you’re amazing!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Frame or highlight around title block text on all pages’ is closed to new replies.