Price on modal popup

Hello,

You can achieve that by doing some custom css changes.

Could you please share the code

Try this:

#rpressModal span.rpress-prices {
    float: right;
    margin-right: 35px;
}

Put it in Appearance > Customize > Additional CSS

adjust margin as necessary. Good luck!

• This reply was modified 4 years, 6 months ago by skylerdesign.

@skylerdesign — Thank you very much. It works.

Could you please also let me know the code to change the background colour of “X” close button next to the price and its hover colour?

Try this:

#rpressModal .modal-header button.close {
    background-color: red; /* Regular color */
}

#rpressModal .modal-header button.close:hover {
    background-color: blue; /* Hover color */
}

• This reply was modified 4 years, 6 months ago by skylerdesign.

with this code it is changing its colour but this is not having any effect on hover colour:

.modal-header button.close {
width: 34px!important;
height: 34px!important;
background-color: grey!important;
}

.modal-header button.close:hover {
width: 34px!important;
height: 34px!important;
background-color: green!important;
}

Hello,
@hsi12 it seems like that your issue has been fixed now.
@skylerdesign thanks for the help.

We are now closing this topic.