Photography credits in responsive themes

• 

  webpythia · Member · Mar 14, 2016 at 1:24 am

  • Copy link
  • Add topic to favorites

  Hi there angels!

  I was looking for a suggestion on how and/or where to add photography credits in my blog, since its theme is so picture-oriented, but no place for credits has been set up (that I had discovered yet).

  Ideally credits would go over or just below the picture…. but how do I do this with only CSS?

  Since this is WP, probably magic will work. I am confident. Thanks a lot in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 14, 2016 at 8:54 am

  • Copy link

  This is a bit messy to do. The following adds text at the bottom of slide 1 and 2, and to the top of slide 4 (you don’t have a slide 3). You can edit the “content” and insert the photographer’s name between the quote marks. It isn’t possible to make these links with CSS.

  #slide-1:after {
      content: "Photographer 1";
      position: relative;
      top: -50px;
      left: 40px;
  }
  #slide-2:after {
      content: "Photographer 2";
      position: relative;
      top: -50px;
      left: 40px;
      color: #fff;
  }
  #slide-2 {
      margin-bottom: -24px;
  }
  #slide-4:before {
      content: "Photographer 4";
      position: relative;
      top: 50px;
      left: 40px;
      color: #fff;
      z-index: 10;
  }
  #slide-4 {
      position: relative;
      top: -24px;
  }

  The other option would be to add the authors to a text widget in the footer widget area where you could make them links.

• 

  webpythia · Member · Mar 14, 2016 at 5:40 pm

  • Copy link

  Thank you so very much, dear Sacred. I will try your not-so-messy tricks and I’ll let you know.

  (Happy to see you on staff, BTW!)

• 

  thesacredpath · Member · Mar 14, 2016 at 6:44 pm

  • Copy link

  Thanks @webpythia, and happy to be here. You are welcome, and let me know how things go or if you have additional questions.

• 

  webpythia · Member · Mar 14, 2016 at 7:29 pm

  • Copy link

  OK, I’m back. It did work, beautifully, as expected. I appreciate your help a lot, Sacred!

  One more thing. Is there a way to do the same with pages pictures? Something like #Page-1-picture:after, #Page-2-picture:after or something of the sort?

• 

  webpythia · Member · Mar 14, 2016 at 7:45 pm

  • Copy link

  Never mind!!! I DID IT!!! Oh, wow, I’m happy!

  You see? Magic dwells in WP!

  See: http://en-masa.com/en-masa-con-danilo/

  Thanks, my friend!

• 

  thesacredpath · Member · Mar 14, 2016 at 9:54 pm

  • Copy link

  Awesome, and you are welcome. It’s looking great!