customizing a feed with CSS

aprilcodes · September 14, 2013

Hello,

I am working on

http://atlantaeventphotography.smugmug.com/

On the left sidebar there's a feed (added under Add Content Block > Social > Feed). I have turned on Description only, because it includes a link to the gallery. I turned off Date & Title.

My goal is to show the Title only (with or without photo), and to make the Title link to the actual gallery. By default the Title links to the homepage (that seems counter-intuitive) but within the Description, the same words are shown again and they link to the gallery.

Two questions -

1 - Is there any way to omit parts of this description? I think the reference to this feed in the source code is:

<script src="http://cdn.smugmug.com/include/js/smugpage/core-bottom-f8f7961ed34f1a1650c0e085951223e0.js">Plus two more tags like this. I can't "get into" this code to manipulate it any deeper, as far as I know.

2 - How do I add a:hover to change the hover color of this link (or any link)?

Thanks so much!

denisegoldberg · September 14, 2013

aprilcodes wrote: »

2 - How do I add a:hover to change the hover color of this link (or any link)?

I have this in the CSS for my theme set hover color and text decoration:

/* Adds hover effect to all links on site */
a :hover, 
a:hover {
  color: #19a791 !important;
  text-decoration: overline !important;
}

You'll want to change the color and text-decoration to match your site.

http://www.w3schools.com/css/css_link.asp

--- Denise

aprilcodes · September 19, 2013

Many thanks Denise

I have the CSS in place but didn't realize I needed a :hover as well as a:hover. I am sure there is a good reason for that... I just don't know what it is

Regarding my other question, is there any input? I asked SmugMug and they said they tried to isolate parts of the description but it broke the code. They said to ask on dgrin

. Original question:

"On the left sidebar there's a feed (added under Add Content Block > Social > Feed). I have turned on Description only, because it includes a link to the gallery. I turned off Date & Title. My goal is to show the Title only (with or without photo), and to make the Title link to the actual gallery. By default the Title links to the homepage (that seems counter-intuitive) but within the Description, the same words are shown again and they link to the gallery."

customizing a feed with CSS

Comments