Changing Color Scheme for Just One Template « Support Forum | Kriesi.at

Support Forum » Sentence

Changing Color Scheme for Just One Template

3 posts from 2 voices

Started 2 months ago by outtacontext
Latest reply from Devin
This topic is not a support question

Tags:

outtacontext
Member

I want to know if it's possible to change the colors of the Sentence design for just one template.

What I'd like to do is to create a new section of the site using the default template but to have a different set of colors for just that one section.

Also, I'd like to know the name of the file that is the default template as I would use that as a basis for the new section.

Posted 2 months ago #

outtacontext
Member

I've been looking this over and it seems that the elements I want to change are these:

a different style for #sidebar-bg (which I could rename) to change the color of the sidebar)

<?php
 echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png'); (to change the logo image)
?>

#top .site-background, html, body, .comment-reply-link, .main_menu .menu ul li, .title_container #searchsubmit:hover, .isotope .entry-content, .image_overlay_effect, .tagcloud a, .news-thumb, .tweet-thumb a, fieldset, pre, .container_wrap .social_bookmarks li, #info_text_header.minimized {
    background-color: #BDBDBD;
} (which is the main background color in the header.php file is called with this code: <body id="top" <?php body_class(avia_get_option('blog_layout')." ".$style.$avia_config['font_stack']); ?>>

Now, this is just a guess (and I'd like you to tell me if it's true): couldn't I create a different header.php file (say, say called header-2.php) and change the call to the header in my new template to:

get_header(2);

	?>

If it's true I can create a new header.php for this section I would need to know how to point to the new style in this php (to change the background color):

<body id="top" <?php body_class(avia_get_option('blog_layout')." ".$style.$avia_config['font_stack']); ?>>

Posted 2 months ago #

Devin
Moderator

Hi outtacontext,

With css and the page body class you can target any single page and style it however you want. You can use a tool like Firebug for Firefox or Chrome/Safari's Inspect Element to pick out each selector and then add the new css to the Quick CSS or custom.css file.

See: http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users

Regards,

Devin

Posted 2 months ago #