Code for a box

[milada]

Hi,

can anyone suggest a code for a text box - inside a random colour and the inside text in italics.
Thanks!

MIlada

http://moreyouthfulskin.com

[Victor Font]

Try this: https://www.studiopress.com/colored-content-boxes-buttons/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

Thanks for the link.

I used this code, which I copied to style.css:

/* Content Box
------------------------------------------------------------ */

.content-box-purple {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}

.content-box-purple {
background-color: #e2e2f9;
border: 1px solid #bebde9;
}

+ the code <div class="content-box-blue">text</div> that I copied to the post

However, it does not show the box.
What is wrong?

Milada

[Victor Font]

You copied the CSS for the content-box-purple, but you used content-box-blue in your post. They are two completely different things.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

Oh no, this was an omission, in the post there is this:

<div class="content-box-purple">…Historie tohoto způsobu úpravy nehtů sahá do doby před čtyřmi stoletími, kdy si ženy šlechticů leštily nehty, aby se leskly jako vzácné perly…

Tento typ manikúry převzal název P-Shine, po názvu firmy, která v roce 1958 začala v Tokiu vyrábět leštící výrobky na nehty. I proto její druhý název, „japonská manikúra“, odkazuje na dlouholetou tradici, která vzešla z této země.</div>

but the box still does not show...

[Victor Font]

Post a link please.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

https://moreyouthfulskin.com/cs/p-shine/

[milada]

Here is the link again: https://moreyouthfulskin.com/cs/p-shine/

[Victor Font]

I can tell from your source code that something is rewriting your box HTML code. Every word in the div tag is wrapped in a span tag with classes like pl-ent, pl-en, pl-s, pl-pd. You may have a plugin conflict, but I can't tell from the front end. Whatever is doing this, it's also changing the HTML brackets into html entity codes.

You can see this yourself if you right click in the content area and view the page's source code. When the source code page is open, search for the word purple and you'll see what I mean.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

Thank you for having tested it. It is kind.
Is it ok that I added this code

/* Content Box
------------------------------------------------------------ */

.content-box-purple {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}

.content-box-purple {
background-color: #e2e2f9;
border: 1px solid #bebde9;
}

to the style.css file?

Milada

[Victor Font]

That code belongs in style.css. That's not what's creating your problem. Your HTML in post is wrong or it's being corrupted by a plugin. You have to do the troubleshooting yourself or hire someone to help you. This isn't something we can help with from the front-end of your site.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

I have tested the issue with all the plugins deactivated, but the issue persists. So it is not probably caused by the plugin intervention.

[Victor Font]

Then you have to hire someone to help you. This isn't something we can help you with without access to the admin area and server.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[milada]

I never said I wanted you to solve the issue for me.
I just asked you about this problem with respect to the code, as I think there is something wrong with the code.
What I thank you for is that you provided the link to the code.

[Victor Font]

If you originally added the HTML through the visual editor instead of the code editor, this would explain why the HTML was corrupted. This is the way WordPress works. You always have to use the code editor (Text tab) when adding HTML.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts