how to get colored links in photo detail?

thenimirra

In the old Smug layout, I had colored, clickable links in some of my photo details that lead viewers to other gallery pages. I don't seem to have that capability now..can someone tell me how to do it?

I have colored links at the end of my home page that work fine but can't get them to work in the photo details. Thanks

www.pictureyourworld.net

thenimirra

bump

Hikin' Mike

Maybe I'm getting tired, but I don't understand your question.

denisegoldberg

thenimirra wrote: »

I have colored links at the end of my home page that work fine but can't get them to work in the photo details.

Where did you place the CSS to change the color of links? I have CSS that changes links on hover. I placed that in my theme and it works for my menu, for links in gallery descriptions, and for links in photo captions.

--- Denise

thenimirra

Right now I have it in my footer on my homepage.

denisegoldberg

thenimirra wrote: »

Right now I have it in my footer on my homepage.

Where the CSS is applied depends on where it is placed. Having CSS in the footer only applies to the footer.

CSS in the theme applies to the entire site.

--- Denise

thenimirra

For instance, in this gallery, there is no discernible way to detect a clickable link (other than to use all caps maybe???) http://www.pictureyourworld.net/Weddings-Boudoir/Wedding-Packages

Is there a way to make the links appear in color so people know they can click them and be redirected to another page?

denisegoldberg

thenimirra wrote: »

For instance, in this gallery, there is no discernible way to detect a clickable link (other than to use all caps maybe???) http://www.pictureyourworld.net/Weddings-Boudoir/Wedding-Packages

Is there a way to make the links appear in color so people know they can click them and be redirected to another page?

In your previous post you indicated that your CSS is in the footer. Adding your CSS to the footer only applies to the footer. You need to add the CSS to your theme (or to your gallery) to make it active there.

--- Denise

thenimirra

so I do have a CSS block for code on the entire site....but what would the code be?

thenimirra

I found this kind of customization to have been much easier in the old smug mug...I wish I would have saved all the work that went into designing my old page so I could just copy and paste code! Not knocking the new layouts. I fricking LOVE them! but I don't get how to make adjustments like this.

Looks like CSS needs to be added to the "Folder" but since it's just one folder....what code do I need?

thenimirra

Evidently I'm not explaining myself correctly so here is a screen shot.

rustyblades

thenimirra wrote: »

Evidently I'm not explaining myself correctly so here is a screen shot.

Hi Sheba

I've also been trying to get coloured links in the captions but as far as I can determine it is not possible to change the colour of the text with HTML tags although the other properties can be changed.

By default the link in the caption is highlighted (as are the links in the gallery description) as shown at the bottom of this caption in this link. I should add that according to my theme the highlight colour should be green but it comes in as white so I don't know what is happening there.

http://paultavares.smugmug.com/Wildlife/Wildflowers/WON/i-hLkbwzF

This is an older entry and I am now in the process of adding text to the link and populating the title field. The link below shows the raw link replaced by a highlighted Additional photos.

http://paultavares.smugmug.com/Wildlife/Wildflowers/WON/i-PSt6gZS

This is the HTML I added to the caption

<br />
<span style="line-height:150%"><a href=http://paultavares.smugmug.com/Wildlife/Wildflowers/WON1/i-k2mPHtv>Additional photos</a></span>

The <br> for line breaks is needed once you introduce HTML into the caption. Try cutting and pasting this into your caption. Replace additional photos with Email me. For the link use the link to your contact page. In the span" ", you can also change the text to italics, change font size, font type etc except font colour.

Hope this gives you some ideas

Good Luck
Paul
http://paultavares.smugmug.com/

thenimirra

awesome, thanks for taking the time to share what you've done to get around this issue!!

I like what you've done with yours. The highlight is apparent, and lets the viewer know you can click it.

leftquark

This is very simple to do in CSS. I've got a number of similar examples on my "Frequently Requested CSS Customizations" thread (http://www.dgrin.com/showthread.php?t=237930).

You need to place your CSS into the THEME's CSS customization ... not into a CSS block on a specific page. To do that:

1. Click on Customize --> Customize Site.
2. Select "Entire Site" from the menu.
3. Click on the "Theme" tab.
4. Click the wrench next to your "Active The,e" to Edit your Theme.
5. Click on the "Advanced" tab
6. Click on "Edit" next to "Custom CSS"
7. Paste in the following code and modify as required

(you can also see it at the very bottom of this help page: http://help.smugmug.com/customer/portal/articles/1210627-customization-what-themes-can-i-use-)

Add this code. Change the colors as appropriate

/* Set the caption link color to orange */
.sm-tile-info a {
  color: #f36f21 !important;  
}

/* Set the caption hover color to black*/
.sm-tile-info a:hover {
  color: #000000 !important;
}

leftquark

rustyblades wrote: »

The <br> for line breaks is needed once you introduce HTML into the caption.

This is actually a bug. I spoke to a SmugMug Support Hero who confirmed. They should be going back to the Legacy SmugMug way ... in which HTML could be entered into the caption without needing to add <BR>'s all over.

Also, you should really handle this in your Theme's CSS code. No need to do SPAN's all over your captions. Make sure to do it in the "advanced" section of your theme, not in a CSS block.

rustyblades

leftquark wrote: »

This is very simple to do in CSS. I've got a number of similar examples on my "Frequently Requested CSS Customizations" thread (http://www.dgrin.com/showthread.php?t=237930).

You need to place your CSS into the THEME's CSS customization ... not into a CSS block on a specific page. To do that:

1. Click on Customize --> Customize Site.
2. Select "Entire Site" from the menu.
3. Click on the "Theme" tab.
4. Click the wrench next to your "Active The,e" to Edit your Theme.
5. Click on the "Advanced" tab
6. Click on "Edit" next to "Custom CSS"
7. Paste in the following code and modify as required

(you can also see it at the very bottom of this help page: http://help.smugmug.com/customer/portal/articles/1210627-customization-what-themes-can-i-use-)

Add this code. Change the colors as appropriate

/* Set the caption link color to orange */
.sm-tile-info a {
  color: #f36f21 !important;  
}

/* Set the caption hover color to black*/
.sm-tile-info a:hover {
  color: #000000 !important;
}

Thanks Aaron

Much better and simpler way of doing this. I've already changed my CSS. Thanks also for the tweaks thread. I've used quite a few items off of it.

Paul

thenimirra

awesome! I will get on it tomorrow....my tweaking is done for this day!