Jump to content
Sign in to follow this  
ughtv

How to make Blog/Post content appear different background/text color from rest of my site?

Recommended Posts

ughtv

Hi, first-time Pagelines user and first-time web designer. I am creating my website on a temporary URL right now, located at http://gator1721.hostgator.com/~ughtv/ I want my Blog page and posts to have a standard-looking white background, black text. Current Blog page (not set-up yet): http://gator1721.hostgator.com/~ughtv/blog The rest of my site is very dark (streaming video/visual-themed) and I have either a black background (which I uploaded as an image) in the Meta, or dark splash images (photographs) uploaded as the background, against white text. I am using the Transparency theme. How do I create the Blog page and Blog Posts so that they are different from the rest of my website, with a standard white background and black text? I know it has to do with custom CSS, but I am unsure how to proceed. Thank You, UGHTV

Share this post


Link to post
Share on other sites
catrina
You'll need to use Custom CSS that includes the following: -Selectors that include the page IDs for the blog page and the individual blog posts -The CSS attributes that will add the style to the blog page and posts (for font, font size, etc.) The CSS for the blog page should look something like this: [code]body.blog {font-family: FONTNAME;}[/code] body.blog = The selector {font-family: FONTNAME;} = The CSS attribute The same applies to CSS for the individual blog posts. To find the selectors you need and use Custom CSS to achieve the look you're going for, please refer to the Firebug tutorial at the bottom of this documentation: http://www.pagelines.com/wiki/Custom_CSS (it helps to read the first 3 sections if you're not familiar with CSS) To find the CSS attributes that you need for the customizations, see the tutorials for different attributes on the left side of this page: http://w3schools.com/css/default.asp (for example, for customizing the text style, see http://w3schools.com/css/css_text.asp)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
ughtv
Thank you, I'll check into it. UGHTV

Share this post


Link to post
Share on other sites
ughtv
WELL, I was able to change the color of the blog page background to white by using this CSS code: body.blog {background-color:#FFFFFF;} I've been investigating and trying other codes, including fumbling around with Firebug, and I cannot find any CSS code that will work to tuorn all the fonts black (#000000) on my blog page. If you have any ideas or suggestions please let me know, thanks.

Share this post


Link to post
Share on other sites
ughtv
This is where I'm at right now: http://gator1721.hostgator.com/~ughtv/blog

Share this post


Link to post
Share on other sites
ughtv
Firebug is making changes but they are universal, affecting my entire site. I'm just trying to make changes to one specific page.....

Share this post


Link to post
Share on other sites
ughtv
For now I have to change the page back to white text and black background.. I have to keep moving forward

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

Sign in to follow this  

×