- This topic has 2 replies, 3 voices, and was last updated 7 years, 6 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I want to know if it is possible to mix a small image and text in the site header? Or is it either an image or text? I like the way the text sizes responsively, but I want to put a small icon next to the text.
You would use the ::before pseudo element (or a background image). https://css-tricks.com/almanac/selectors/a/after-and-before/ & http://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
What I did is combine the logo and text into one png file. I use Snagit to do this but a tool like Illustrator, Photoshop, or Canva will also work. I have an example on this site: http://atleelittleleague.org.
Hope this helps. Thanks.
Brent Peterson, PMP, MS, MBA | Certified Project Management Professional (PMP) specializing in web design and lead generation strategies at GracefulResources.com.
© 2023 WPEngine, Inc.