Site Title, Description and Header Image

  • jdcribbs

    (@jdcribbs)


    6 years ago

    I would like to move the Site Title and description further to the left on the header image instead of centered in the container. Have tried several options but all seem to break the responsiveness of the image. Any suggestions are welcome.

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

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

    (@jarretc)

    If you haven’t already I would try the following in Appearance->Customize->Additional CSS

    .site-branding-text {
	float: left;
}

    If that doesn’t work, please let me know what issues it does cause and I can try to come up with a better implementation.

    itonic

    (@itonic)

    Hello, you could try 

    .site-heading {
    text-align: left;
}

    That doesn’t stick it to the far left but works nicely to clear the ape in my opinion.

    Optionally you could give the header text a shadow, which makes it more readable in mobile mode. Just play around with color and spacing until you like it.
    see here: https://screenshots.firefox.com/Pr5L6PW39kkkgl8Z/jackcribbs.net

    .site-title {text-shadow: 0px 0px 4px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 4px #FFFFFF;}
.site-description{font-weight: bold; text-shadow: 0px 0px 5px #FFFFFF,  0px 0px 5px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 5px #FFFFFF;}
    • This reply was modified 6 years ago by itonic.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Site Title, Description and Header Image’ is closed to new replies.