Position of hero caption

Support Area Forums Elite Position of hero caption

Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: http://
  • Author
    Posts
  • #27573
    Danielle Eriksen
    Participant

    hi Bill,

    How can I move the hero caption (or maybe title and caption) to a different position on the page? I’d like to use just the hero caption, but instead of having it centered, I’d like it to appear closer to the top of the page (somewhere in the top 1/3), where it will work better with the image I’m using.

    I could use the hero title if I can change that to be mixed case, but I haven’t figured that out yet – it seems to force upper case for the hero title?

    thanks much!
    Danielle

    #27574
    Bill Robbins
    Moderator

    Hello Danielle,

    Excellent question. You can move the hero title/caption around and change the capitalization of the hero title. Here’s how:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      .hero-copy  {
      	top: 20%;
      }
      
      h2.hero-title  {
      	text-transform: none;
      }
      
    3. Update your settings.

    See how that position works. You can adjust the vertical position from the top by changing the 20% in the snippet above. The default is 40% for reference.

    If you have any trouble, let me know.

    Have a great day,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Position of hero caption’ is closed to new replies.