Help – How do I remove arrows completely?

Resolved mike8712
(@mike8712)

9 years ago

Great plugin – thank you. Potential customer does not like the arrows, I am just going to link small icons to the side of the collapse-o-matic code instead. I also see there is a professional version where you can upload your own images, in this case I just need to test it out and see with linking to an icon image immediately to the left of the collapse code.

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

Plugin Author twinpictures
(@twinpictures)

9 years ago

Hello Mike,
Check out the documentation on arrows.

You can also remove the arrows simply by providing a trigclass of ‘noarrow’ like so:
[expand title="trigger text" trigclass="noarrow"]hidden text[/expand]

And for a more in-depth posts all about various collapse-o-matic/css arrow tricks, check out:
http://spacedonkey.de/?s=arrow

This would be the same process in both the free and pro version. Pro will just provide more advanced features and next-level personal support.

Cheers!
Thread Starter mike8712
(@mike8712)

9 years ago
Ok, thanks – I had mixed results, padding and margins still showing. I ended up pasting this into theme css to get the behavior needed.
```
.collapseomatic {
background-image: none !important;
padding-left: 0 !important;
}
.colomat-close {
background-image: none !important;
padding-left: 0 !important;
}
.collapseomatic_excerpt, .collapseomatic_content {
margin-left: 0 !important;
}
```
- This reply was modified 9 years ago by mike8712.
- This reply was modified 9 years ago by mike8712.
Plugin Author twinpictures
(@twinpictures)

9 years ago
No, you can do a number of things such as:
a) assign noarrow as a default trigclass in the plugin settings
b) overwrite the arrows with your own or remove them all togher using the CSS in the links above, ie:
Remove:
```
.collapseomatic {
    background-image:none !important;
}
.colomat-close {
     background-image:none !important;
}
```
Note: you will also need to adjust the CSS of trigger and content padding:
```
.collapseomatic,  collapseomatic_content{
    padding-left: 0 !important;
    margin-left: 0 !important;
}
```
Replace:
```
.collapseomatic {
    background-image: url(your_down_arrow_image_here.png) !important;
}
.colomat-close {
    background-image: url(iour_up_arrow_image_here.png) !important;
}
```
Hope that helps

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

The topic ‘Help – How do I remove arrows completely?’ is closed to new replies.

Tags