Text boxes linked to photos

  • I am very new to wordpress and working in html, and am helping someone out with their website. LINK: https://www.ecclestonevalley.com.au/new-foals

    In the ‘new foals’ page- I have added a few photos with the donkeys names as captions (which places a default grey border around the photos. How can I take this away, while keeping the names there?

    Also, I would essentially like to have the ‘sire and dam’s’ which are underneath each photo to be in a ‘text box’, to somehow link a bit better to each photo. Do I need some sort of plugin to do this?

    Any help or advice would be very appreciated,

    Thank you in advance!

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

  • The grey border can be removed by adding this to the end of style.css:

    .wp-caption { background: #FFFFFF; }

    Unfortunately, I think the structure of the page would need to change to put the sire and dam in a text box that links to the foal.

    Thread Starter Bellajoey

    (@bellajoey)

    Thanks for your reply, I have just tried adding that to the end of style.css but it didn’t work. Do i perhaps need a child theme to make this work?

    I am thinking of re-structuring the page- this is all a bit of a learning curve for me, do you know of any good plug-ins that could make this any easier?

    Thank you in advance

    It looks like you have added the line of code and the grey background is gone. If you still see it, try refreshing your browser’s cache.

    The Column Matic plugin might do what you want.

    You can find other related plugins by doing a search on ‘column’ in the WP Plugin Directory.

    Thread Starter Bellajoey

    (@bellajoey)

    Thank you so much! I was pulling my hair out wondering why it wasn’t working, I really appreciate your help.

    I will try out column magic, thanks again for all your help!

    Thread Starter Bellajoey

    (@bellajoey)

    You wouldn’t also happen to know how to remove the hyphen that is before each of the donkeys names? It does it automatically when I put names in the captions.

    You should create a Child theme to make your changes. If you do not, all of your changes will be lost if you update your theme.

    You can remove the hyphen by adding this to the end of style.css:

    .wp-caption-text:before { content: '' !important; }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Text boxes linked to photos’ is closed to new replies.