Community Forums › Forums › Archived Forums › Design Tips and Tricks › Code for a box
Tagged: Code for a box
- This topic has 14 replies, 2 voices, and was last updated 6 years, 10 months ago by
Victor Font.
-
AuthorPosts
-
March 9, 2018 at 12:59 pm #217612
milada
MemberHi,
can anyone suggest a code for a text box - inside a random colour and the inside text in italics.
Thanks!MIlada
http://moreyouthfulskin.comMarch 9, 2018 at 3:22 pm #217627Victor Font
ModeratorTry 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?March 20, 2018 at 9:35 am #218136milada
MemberThanks 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
March 20, 2018 at 10:26 am #218139Victor Font
ModeratorYou 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?March 20, 2018 at 10:30 am #218143milada
MemberOh 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...
March 20, 2018 at 10:39 am #218146Victor Font
ModeratorPost 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?March 20, 2018 at 10:52 am #218148March 20, 2018 at 10:54 am #218149milada
MemberHere is the link again: https://moreyouthfulskin.com/cs/p-shine/
March 21, 2018 at 4:40 am #218182Victor Font
ModeratorI 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?March 21, 2018 at 6:50 am #218191milada
MemberThank 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
March 21, 2018 at 12:12 pm #218214Victor Font
ModeratorThat 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?March 22, 2018 at 7:05 am #218236milada
MemberI have tested the issue with all the plugins deactivated, but the issue persists. So it is not probably caused by the plugin intervention.
March 22, 2018 at 7:32 am #218240Victor Font
ModeratorThen 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?March 22, 2018 at 7:52 am #218241milada
MemberI 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.March 23, 2018 at 8:42 am #218279Victor Font
ModeratorIf 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? -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.