Text style customization
mous_basilis88
Registered Users Posts: 3 Big grins
Hey, I don't know anything about coding and I would like to ask something. Is there any way to make an accordion-style text with ''read more'' like this? https://www.amivitale.com/photo-story/goodbye-sudan-the-worlds-last-male-northern-white-rhino/ . I would like to have the text narrow and show only the first part and my gallery below, and if someone wants to read the whole text can press the read more button.
Is this possible?
Thanks in advance
Is this possible?
Thanks in advance
Tagged:
0
Comments
Yes, it is possible. I put together a quick tutorial/demo...
https://gallery.imagesinthebackcountry.com/Smugmug-customization/Create-Custom-Gallery-Read-More-Link
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
How to make letters bigger in this text?
How do I leave an empty line between paragraphs?
Thanks again for your help
Add this to the CSS section:
The
font-size: 2em
is where you change the paragraph font size. I usedem
, butpx
is fine too.To change the paragraph line size/color you want to look at this:
border-bottom: 2px solid #CCC;
. Right now it is a gray (#ccc
) and a2px
size. The width is controlled by thewidth: 50%
.If you want more space between the paragraphs
padding: .75rem 0;
. It's shorthand for.75rem
top and bottom and0
, left and right. You can usepx
as well.Hope this helps.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
thanks a lot