Jump to content
Milada

Code for a box in a post

Recommended Posts

Hi all,

I found this code <div class="content-box-purple">text</div>

to use for a box in a post.

I copied 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 a style.css file.

However, the box does not show in the post. I checked all plugins for compatibility and when deactivating them all, the box still does not show.

Do you have an idea of what might be wrong?

Thank you,

Milada

Share this post


Link to post
Share on other sites

I see no obvious errors in that code. It could be that the stylesheet was not included properly.

Share this post


Link to post
Share on other sites

Hello Ingolme,

thank you for understanding the issue. What do you mean by stylesheet was not included properly?

Thank you.

Kind regards,

 

Milada 

Share this post


Link to post
Share on other sites

That means that there is no link to the stylesheet or the path to the stylesheet is incorrect. What code did you write to use the stylesheet?

Share this post


Link to post
Share on other sites

I see, thank you Ingolme.

So probably there is no link to the stylesheet.

I used 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;
}

"

which I simply copied to a style.css file.

There is something wrong with this, is there?

Share this post


Link to post
Share on other sites

IF! your website caches css, it needs to be cleared and refreshed, you may have deactivated this cache plugin, but did it still use original cached version still?

Share this post


Link to post
Share on other sites

There has to be a <link> tag in your document and that tag needs to have the correct URL for your stylesheet.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×