"OPEN" button – Pixelwars

Posted in : BookCard WP
aguimoye
Participant
16 November 2013 at 11:47
#10082

Hello,

Here is my website:
http://www.alejandroguimoye.com

I would like to have the text “OPEN” and the stitching patter be in white color (so that it matches the “X” button in the contact page. Is there anyway to make the ribbon shorter?

Thank you.
ahmetsali
Keymaster
16 November 2013 at 15:35
#10090
Hi, try this custom css;
```
.ribbon strong { color: #FFF; text-shadow: 0 1px 0 #000; }
.ribbon-stitches-bottom, .ribbon-stitches-top { border-top-color: rgba(255, 255, 255, 0.25);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
```
promoo
Participant
1 February 2014 at 13:01
#12000

Is there a way to make the ribbon shorter? Or add text to open for eg open me?

CJ

Mehmet S.
Keymaster
2 February 2014 at 17:15
#12033

Hi, that text is translatable via localization.

ladymissmaam
Participant
9 April 2014 at 20:44
#13451

Hi,

How could I avoid having the ribbon altogether? I’d like to either have my own button to open or no “button” at all and just have the user click anywhere on the cover page to open the card.

Thank you,
Heather

Mehmet S.
Keymaster
12 April 2014 at 23:51
#13488

Hi, it is not possible by default.

ladymissmaam
Participant
15 April 2014 at 05:26
#13538

By default?
Can you expand on that term, by “default” many things are not possible but I have changed a majority of the layout. Can you please take the time to help me solve this dilemma? I would like to minimize the appearance or get rid of the ribbon button to improve the overall look of my design. I would settle for moving the button to the top or bottom of the front cover and reducing its size tremendously. Here is a link to see how it’s having a negative effect on the aesthetics of the site.

http://heatherschwendner.com/capstone/
ahmetsali
Keymaster
15 April 2014 at 12:34
#13544
@ladymissmaam

– by default means it is not a feature that comes with the theme and needs further customization than just a few lines.

– you can try this custom css to move open button to top;
```
a.rm-button-open {
    top: 10%;
}
```
ladymissmaam
Participant
15 April 2014 at 23:29
#13554

Thanks. Any chance you can give me a code to have the page open on a click rather than have the ribbon show?

I appreciate the help.

Heather
ahmetsali
Keymaster
19 April 2014 at 00:21
#13594
@ladymissmaam

paste the code below to the External JS Box located under Theme Options > Style tab;
```
<script>
jQuery(document).ready(function($)
{
   $("html").click(function() {
     $('.rm-button-open').trigger('click');
   });
});
</script>
```
ladymissmaam
Participant
19 April 2014 at 01:08
#13606

Awesome!! Thank you so much!!

:D

Anonymous
Inactive
12 June 2014 at 16:26
#14772

Добрый день! Использовал ваш код для изменения флажка “открыть”. Хочу сделать черно-белый флажок (фон черный, текст- белый). Подскажите, пожалуйста, код CSS?

Anonymous
Inactive
12 June 2014 at 16:28
#14773

Good day! Used your code to change the checkbox “open”. Want to make black-and-white flag (black background, text – white). Tell me, please, CSS code?

Anonymous
Inactive
12 June 2014 at 22:06
#14775

Good day! Used all kinds of combinations of codes to change the button “open”. Almost, turned out to be everything I wanted! Left dotted line white to do. Tell me, please, how to implement it? What CSS code to add??

Anonymous
Inactive
12 June 2014 at 22:10
#14776

Here’s a black and white version was:
.ribbon {
background: #000;
}
.ribbon:before {
border-color: #000;
border-left-color: rgba(0, 0, 0, 0);
}
.ribbon strong { color: white; }