[Pro] Responsive captions and descriptions

Exhibeo
1

Hi everyone
I know I am being rather picky and I’ve strolled through as many of the threads within this forum, all I have is a basic photograph album which has some titles and descriptions.

What I can’t seem to find out, or if it’s even possible is to make the text in the captions and description responsive as the photograph shrinks. At the moment when I get down to a smaller browser size the images are all but blotted out by the text.
I hope the may be a way round this and I would be grateful for any help.
Many thanks
Geoff

http://www.teapot.me.uk/FalklandsPics

Exhibeo mailing list
email@hidden
Update your subscriptions at:

2

404 at that URL

David

Exhibeo mailing list
email@hidden
Update your subscriptions at:

3

Sorry David
I forgot to put the .html at the end

On 7 Sep 2016, at 18:00, DeltaDave email@hidden wrote:

404 at that URL

David

Exhibeo mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk

Exhibeo mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

4

I forgot to put the .html at the end

I tried that!

D

Exhibeo mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

5

What you want to do is use some extra CSS - something like:

figcaption > h1 {font-size: 24px !important;}

But wrapped in a media query

@media screen and (max-width:720px)
{
    figcaption > h1 {font-size: 24px !important;}
}

You would need to experiment with the numbers/BP sizes

D

Exhibeo mailing list
email@hidden
Update your subscriptions at:

6

Cant you just tell i am really out of my depth
try this http://teapot.me.uk/falklandspics.htmlI http://teapot.me.uk/falklandspics.htmlI
I just cut and pasted it from my web browser

On 8 Sep 2016, at 01:14, DeltaDave email@hidden wrote:

I forgot to put the .html at the end

I tried that!

D

Exhibeo mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk

Exhibeo mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

7

I just cut and pasted it from my web browser

You copied an extra character somehow!? - should be http://teapot.me.uk/falklandspics.html

Anyway the answer I posted earlier stands. You need to write some CSS and include it in the Page >Html Markup before section (before end head)

Try copy/pasting the following into that slot - then upload and test and let us know when you have done it

<style type="text/css">
@media screen and (max-width:720px)
{
    figcaption > h1 {font-size: 24px !important;}
}
</style>

D

Exhibeo mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

8

Thank you David That seems to have done the trick nicely. All I have to do now is troll through the rest of the site ind update al and do some tidying upl. Thanks very much for your help

http://teapot.me.uk/falklandspics.html http://teapot.me.uk/falklandspics.html

Regards
Geoff

On 8 Sep 2016, at 18:32, DeltaDave email@hidden wrote:

I just cut and pasted it from my web browser

You copied an extra character somehow!? - should be http://teapot.me.uk/falklandspics.html

Anyway the answer I posted earlier stands. You need to write some CSS and include it in the Page >Html Markup before section (before end head)

Try copy/pasting the following into that slot - then upload and test and let us know when you have done it

<style type="text/css">
@media screen and (max-width:720px)
{
   figcaption > h1 {font-size: 24px !important;}
}
</style>

D

Exhibeo mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk

Exhibeo mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options