Forum — studiograsshopper

Please make sure that you have read the documentation and extensive resources provided on this site before posting your question!

Dynamic Content Gallery Resources

DCG Version 4.0 beta is now available for download and testing. This is a development version and not recommended for live sites. Read more here.

Note that the current stable release of the DCG is version 3.3.5.

Please consider registering
guest

Home

Forum

Dynamic Content Gallery v3+

How to adjust width of "next" hotspot

Topic RSS

How to adjust width of "next" hotspot

Status:

fixed

November 1, 2011
9:14 pm

sherrig78753

New Member

Forum Posts: 2

Member Since:
November 1, 2011

Offline

Hi,

I'm using WP 3.1.2 and DCG version 3.3.5 on our site, http://www.genealogybeginner.com. I'd like to reduce the click area that takes users to the next gallery post.

The next/back hotspots are taking up too much space, so users are confused when they click the image and go to the next slide instead of following the link. The gallery is 630 px wide. Next/back arrows are displayed on left and right.

Any tips on how to do this?

Thanks in advance for any info.

Sherri

November 2, 2011
12:04 am

Ade

Admin

Forum Posts: 2493

Member Since:
August 25, 2008

Offline

Hi,

Add this to your theme's style.css:

.jdGallery a.right, .jdGallery a.left {
width:15% !important;
}

The default is 25%, so try 15% and see if that works for you.

Dynamic Content Gallery: Have you read the Configuration Guide and FAQ?

November 4, 2011
5:16 pm

sherrig78753

New Member

Forum Posts: 2

Member Since:
November 1, 2011

Offline

Great. That did the trick. Thanks, Ade!

One more question.

How to increase the center click area to 70%? I tried adding a similar block to the template css, using: .jdGallery a.center and .jdGallery a.middle.

Neither appeared to work. So now there's a lot "dead" space between the center image link area and the left and right ones.

Sherri

November 4, 2011
11:11 pm

Ade

Admin

Forum Posts: 2493

Member Since:
August 25, 2008

Offline

No, this is the selector:

.withArrows a.open

So, add this to style.css:

.withArrows a.open {
left:15%;
width: 70%;
}

This assumes you kept with the 15% for the arrows.

Dynamic Content Gallery: Have you read the Configuration Guide and FAQ?

All RSS

Forum Timezone: UTC 1

Most Users Ever Online: 28

Currently Online: nloronacele
12 Guest(s)

Currently Browsing this Page:
1 Guest(s)