Button is way off the text

Hello @mahmoudtn,

Can you please share some details though email on:
[email protected]

I need to check how it is set on the page.

So, After checking, I’ll check the page and share you some feedback.

Thank you for your reply

I forgot to tell you that I’m working on it offline, so there’s no link to a page but if you need any more details I’ll try to do my best.

Thanks

Ah!

@mahmoudtn I replied to the email which I got from this forum.

You may not get my recent reply.

See: https://i.imgur.com/qLPpdCz.png

This is why I suggest sending an email. ?? I mostly reply though email and forget that the reply I get is just a forum notification.

—

No issues.

Please use the below CSS and change the button styling as per your requirement.

.copy-the-code-wrap .copy-the-code-button {
    background: #8f3bf3;
    padding: 8px 20px;
    color: #ffffff;
}

.copy-the-code-wrap .copy-the-code-button:hover {
    background: #742cca;
}

• This reply was modified 2 years, 5 months ago by Mahesh Waghmare.
• This reply was modified 2 years, 5 months ago by Mahesh Waghmare.

Hello

Thank you for your reply.

it didn’t do anything, but it just gave me the idea to mess around with the padding and margins of the content. it made it look a little better.

it seems that phlox theme always overrides any custom css. I had this trouble before.

Oh! Then in that case, if you want to override it strictly.

Then use:

body .copy-the-code-wrap .copy-the-code-button {
    background: #8f3bf3;
    padding: 8px 20px;
    color: #ffffff;
}

.body copy-the-code-wrap .copy-the-code-button:hover {
    background: #742cca;
}

Or,

Add !important as:

.copy-the-code-wrap .copy-the-code-button {
    background: #8f3bf3 !important;
    padding: 8px 20px !important;
    color: #ffffff !important;
}

.copy-the-code-wrap .copy-the-code-button:hover {
    background: #742cca !important;
}

NOTE: Using the !important is not recommended because other themes or plugins do not override the CSS. They also need to use the !important to override it.

Or, You may create a live site and share the URL so, I can check and provide some snippet for you.

Hello @mahmoudtn

Please feel free to reopen the issue in future.

For now I’m closing this issue as it’ll taking a long delay.