Denise' Kaleidoscope page

charlesdaly

Denise, so much about your site and your knowledge that I like and need help with, if I may.
On your Kaleidoscope page: is that a 'just this page' (for starters)?
-how did you create the links within the text?
-how did you place three images on that page, each of which links to it's own gallery?
-is that page made up of 'photos container' then a 'text container' below that and then repeat those two containers below the first two if you wanted to continue the page that way?
(if you have not run out of energy yet I have more...)
The attached link is to the page I am trying to use to sort out some problems -I've tried searching within Grin with no luck.
-on the attached gallery, while I like the look of the top image size being like a 'banner' -full width image -but this one shows the image name so very large that it covers most of the image and I can't find how to change that font size. That text came from the gallery name when/where I created the gallery.
(whew!)
So much thanks for reading.
Charles
http://www.charlesdalyphotography.com/Photography/RCL609/Remembrance-Day-Parade-2016/

denisegoldberg

charlesdaly wrote: »

Denise, so much about your site and your knowledge that I like and need help with, if I may.
On your Kaleidoscope page: is that a 'just this page' (for starters)?
-how did you create the links within the text?
-how did you place three images on that page, each of which links to it's own gallery?
-is that page made up of 'photos container' then a 'text container' below that and then repeat those two containers below the first two if you wanted to continue the page that way?

Hi Charles -
Yes, the Kaleidoscope page on my site is just a page.

The top part of the page (with the images) is a Folders, Galleries, and Pages content block with the Select from set to "items I choose". When you click on the Items entry in the box you will be able to select the entries. If you are only selecting galleries you could use a Galleries content block - I used Folders, Galleries & Pages because sometimes I want to select a folder to show in that section of the page.

The block titled "Twist the kaleidoscope..." is an HTML content block. The links were created by using <a href= statements. For example:

Click to jump to <a href="/Recent-photos/n-WKqnh"><b>recent photos</b></a> or <a href="/popular"><b>popular photos</b></a>.

I used relative links (starting with "/popular" instead of my full site URL followed by /popular).

--- Denise

denisegoldberg

charlesdaly wrote: »

The attached link is to the page I am trying to use to sort out some problems -I've tried searching within Grin with no luck.
-on the attached gallery, while I like the look of the top image size being like a 'banner' -full width image -but this one shows the image name so very large that it covers most of the image and I can't find how to change that font size. That text came from the gallery name when/where I created the gallery.

You will need to use CSS to change the size of the gallery name in the banner. This is the CSS I have on my site to change the size of items in the gallery cover:

/* Change the font size of the Gallery Title */
.sm-gallery-cover-title {
    font-size: 30px !important;
  }

/* Make the slideshow, download and buy buttons smaller */
.sm-gallery-cover .sm-button-size-large {
    line-height: 20px !important;
  }
.sm-gallery-cover .sm-gallery-cover-headerbuttons .sm-button-size-large {
    padding: 9px 10px 4px !important;
  }

You can experiment with the sizes to get a look that you like.

I have this CSS in my theme. In case updating CSS there is new to you, click:

• Customize
• Content and Design
• Entire Site
• Theme
• Edit Theme
• Click Advanced tab
• Scroll to the bottom
• Edit Custom CSS

--- Denise

charlesdaly

denisegoldberg wrote: »

You will need to use CSS to change the size of the gallery name in the banner. This is the CSS I have on my site to change the size of items in the gallery cover:

/* Change the font size of the Gallery Title */
.sm-gallery-cover-title {
    font-size: 30px !important;
  }

/* Make the slideshow, download and buy buttons smaller */
.sm-gallery-cover .sm-button-size-large {
    line-height: 20px !important;
  }
.sm-gallery-cover .sm-gallery-cover-headerbuttons .sm-button-size-large {
    padding: 9px 10px 4px !important;
  }

You can experiment with the sizes to get a look that you like.

I have this CSS in my theme. In case updating CSS there is new to you, click:

• Customize
• Content and Design
• Entire Site
• Theme
• Edit Theme
• Click Advanced tab
• Scroll to the bottom
• Edit Custom CSS

--- Denise

Denise, fabulous and thank you for great tut. ...working on it.

denisegoldberg

charlesdaly wrote: »

Denise, fabulous and thank you for great tut. ...working on it.

I just took a look at your gallery - the new size header works well, much better than before!

--- Denise