Tweaking Image Displays « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

Tweaking Image Displays

(5 posts) (2 voices)

Started 3 months ago by rodeboy
Latest reply from rodeboy
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

rodeboy
Member

I've just put a website together for my son's new rock band, and two questions arise;

1) on the home page http://www.aboutthemshoes.co.uk each band member has an image at the bottom that links to their own page, where I have used the 'Image Widget' plugin. As you will see the image for Matt is larger than the others.Any idea why (I'm not too bothered as he's my son!) as ideally I would like them to be all the same size. Also I had to code the Graphene options as needing 6 footer widgets to get the 5 in - do you know why?! If I coded 5, one would go down to the next line.

2) On http://www.aboutthemshoes.co.uk/see-and-hear/images/ page, as I am using fairly small thumbnail images the white border around each is disproportionate. Do you know the code to remove this, or reduce it in width? As you can probably see I am using the NextGen plugin.

Thanks as ever for assistance provided.

Cheers, Chris

Posted 3 months ago #
rodeboy
Member

Hey, so proud of myself as I seem to have answered point number 2!

I inserted the following in to Custom CSS to make the border/padding narrower. If you want it removed just have 0px instead of 1px. That said in view of my inexperience if anyone has comments about this not being correct or having an affect elsewhere, then please feel free to voice!

.ngg-gallery-thumbnail img {
padding: 1px;
}

Any thoughts on point number 1?

Have a good day everyone.

Chris

Posted 3 months ago #
Prasanna SP
Moderator
It is full width because it is the last item. If you remove Matt's image, then Gen's image will become 200px wide.

Use this to decrease Matt's image width to 160px.
```
#widget_sp_image-6 img {
    width: 160px;
}
```
BTW, blue links on dark Grey background is not easy for eyes..

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.
Posted 3 months ago #
rodeboy
Member

Thanks Prasanna - helpful as ever!

Have inserted this code but it has squished Matt's image, rather than using an extract like the others. I've left it in this state so you can see what I mean. Would it be easier to re-size the images within the image widget to 160px width each, do you think?

Point taken on blue links. Is there an accepted market standard for link colours on dark backgrounds?

Chris

Posted 3 months ago #
rodeboy
Member

Prasanna, I have now re-sized the images so that they fit, and are more balanced.

In addition I have taken the link colour from the calendar options, as these are easier on the eye, and also provide consistancy.

Thanks for your time.

Chris

Posted 3 months ago #

Topic Closed

This topic has been closed to new replies.