css selectors for tinyZenpage image thumbs

I have been using tinyMCE to insert images in my articles and there are a few things that may (or may not) be helpful to some.

Be sure to give names to your photos before adding them using tinyZenpage. Once you add them in it will not matter if you change the title later. Whatever was there when you inserted it will be there until you actually change the inserted image. This will be seen when you hover over the image. From what I can tell there is no way to "refresh" this info except to select the thumb and re-insert it using tinyZenpage

Add some :hover rules that will let your thumbs react when they are links. By including them in any existing css rule you have for hovering over an image link elsewhere you can maintain style with your articles.

`

a .zenpage_thumb:hover,

a .zenpage_thumb_right:hover,

a .zenpage_thumb_left:hover,

a .zenpage_customthumb:hover,

a .zenpage_customthumb_left:hover,

a .zenpage_customthumb_right:hover,

a .zenpage_customimage:hover,

a .zenpage_customimage_left:hover,

a .zenpage_customimage_right:hover { your rules here }

`

This will allow only the thumbs that are links react accordingly and not thumbs that are merely thumbs.
I am sure there are plenty of other helpful things to note with articles. These are just some I found when working with a cut down version of zpMinimal and comparing with the zenPage theme.

Comments

  • acrylian Administrator, Developer
    If you only use tinyZenpage for inserting images you can also use a general rule like `#content-left a img:hover { ... }`. That would work for the Zenpage theme's news and pages.
  • Yeah, you are right. :)
    I was having trouble just identifying the parts I wanted without catching anything else.

    Thank you acrylian. Your input is always helpful while I work.
Sign In or Register to comment.