7 replies to this topic

[ughtv]

Hi, first-time Pagelines user and first-time web designer. I am creating my website on a temporary URL right now, located at

Please Login or Register to see this Hidden Content

I want my Blog page and posts to have a standard-looking white background, black text. Current Blog page (not set-up yet):

Please Login or Register to see this Hidden Content

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

[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:

Please Login or Register to see this Hidden Content

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:

Please Login or Register to see this Hidden Content

(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:

Please Login or Register to see this Hidden Content

(for example, for customizing the text style, see

Please Login or Register to see this Hidden Content

)

[ughtv]

Thank you, I'll check into it. UGHTV

[catrina]

You're welcome :0

[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.

[ughtv]

This is where I'm at right now:

Please Login or Register to see this Hidden Content

[ughtv]

Firebug is making changes but they are universal, affecting my entire site. I'm just trying to make changes to one specific page.....

[ughtv]

For now I have to change the page back to white text and black background.. I have to keep moving forward