How to add 'Pages' or info on the main page with different backgrounds
-
Hi!
I’d like to have some information (for now they’re entered as pages) in the home page kind of a static page does, with the blog articles coming after. But I can’t seem to be able to add more info on the home page other then if it is written in the same page. The issue is that if I write all the info I would love on the main page, I would like color background or anything to change to make it more dynamic. I don’t know it my wording makes any sense, I feel like I have a hard time explaining what I want to say.Also, in the footer widget, its it possible to change the color of the phone number in contact? The light grey doesn’t work well for my design.
Thanks for your help! :)
Regards.
The blog I need help with is: (visible only to logged in users)
-
-
There are a couple of different ways to change the background color on sections of your page.
The first, preferred way, is to use Custom CSS. That would allow you to flag certain sections within the HTML of your page, and then the CSS would change the color for you based on the rules you’d written.
The second option is with inline styles – which are when you write out the changes you need to make by hand for each individual section. It’s a bit more tedious if you have multiple items to change.
Here’s an example of something you could do in the HTML tab of your page editor if you went the inline style route:
<div style="background-color: red; padding: 10px;>Your text goes here, put as much as you like</div>That will create a red background, with a bit of spacing around the edges so it looks nice.
Also, in the footer widget, its it possible to change the color of the phone number in contact? The light grey doesn’t work well for my design.
For that, you will need the Custom CSS option I mentioned earlier – that isn’t text you can access the code for directly.
Or if I write the info in the blog, can I pin a few blogs article to the top?
The Display Posts Shortcode might help with that! :)
-
Hi! Thanks for your help.
I tried to add the code you gave me in the html of the page and it only brang the text ”Your text goes here” – not the colored background.
Anything I do wrong?
Thanks -
-
-
The code staff-loquaciousloon provided evidently should have been
<div style="background-color:red;padding:10px;">Your text goes here, put as much as you like</div>
The code failed, as it did for you, on two different test sites of mine with different themes activated, but with the second quotation mark added, it works in each case. -
-
- The topic ‘How to add 'Pages' or info on the main page with different backgrounds’ is closed to new replies.
WordPress.com Forums 