Arrow position | ww.wp.xz.cn

Resolved stardustmag
(@stardustmag)

12 years, 5 months ago

Hi,

First off thank you for the plugin! I have it working on one of my pages and now I want to customize it a bit. It sounds like it would be an easy task but I can’t seem to figure out how to position the arrows to be on the baseline of the title text..

Here is the link to the page: http://stardust-mag.com/prod/submit/

Thanks in advance!
S

http://ww.wp.xz.cn/plugins/jquery-collapse-o-matic/

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Baden
(@baden03)

12 years, 5 months ago

http://ww.wp.xz.cn/support/topic/trigger-text-position
Thread Starter stardustmag
(@stardustmag)

12 years, 5 months ago
Hi Baden,

I read the thread you sent but when I place the css
```
.collapseomatic {
	padding-top: 7px;
}
```
it seems to do the opposite of what I want, it raised the arrow from the bottom. I want to center the arrow within the height of the title text.
Plugin Author Baden
(@baden03)

12 years, 5 months ago
Hello S,

The full standard CSS definition for the collapseomatic class is:
```
.collapseomatic {
	background-image: url(images/arrow-down.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 16px;
	cursor: pointer;
}
```
Since the arrow is placed as the background image you can adjust it’s position using the background-position attribute:
```
.collapseomatic {
	background-position: 0 10px;
}
```
Thread Starter stardustmag
(@stardustmag)

12 years, 4 months ago

Thank you! It worked.

Plugin Author Baden
(@baden03)

12 years, 4 months ago

Glad to hear this. Don’t forget to vote for Pedro!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Arrow position’ is closed to new replies.

5 replies
2 participants
Last reply from: Baden
Last activity: 12 years, 4 months ago
Status: resolved