/    Sign up×
Community /Pin to ProfileBookmark

HTML Article Background Help

Copy linkTweet thisAlerts:
Apr 02.2007

Hello, I am a newbie to the world of html so bear with me… ? I am using Cooler Email to create a newsletter and want to have only a paragraph of my article background a different color. USing the bg color command changed my “stationery” but not he article. Any suggestions? Thanks very much.

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelApr 02.2007 — By example:<p style="[B]background-color:#ececec;[/B] padding:15px 10px;">This is your paragraph with a different background color. The 15-pixel statement is 15 pixels "top padding" and a "10px padding" for the right, bottom and left side. This will make it a bit more pleasing to the eye. The [B]style=""[/B] is called "[B]inline[/B] CSS" and will only affect the paragraph that this is assigned to.</p>

<p style="[B]width:400px; background-color:#ececec;[/B] padding:15px 10px;">

You can control the width too, for certain formating designs. Here is used "50%" but you could a pixel amount. Just be sure top use the CSS format of [B]width/semi-colon/number/px[/B]. That is to say, "[B]width:400px;[/B]"</p>
[/QUOTE]
Copy linkTweet thisAlerts:
@Major_PayneApr 05.2007 — USing the bg color command changed my "stationery" but not he article. Any suggestions? Thanks very much.[/QUOTE]If you want to change the text color, add to WebJoel's styling:

color: #000000;

That gives a black color to text against whatever background color you chose. Just Change Hex color value to what you want to use. To check your colors you can use this Background Color vs. Text Color Generator.

Ron
×

Success!

Help @CEC spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...