By msz3544 on

I'm very unknowledgeable regarding Drupal, but I want to make a few slight modifications to the layout. For one, the theme I have chosen has the title image left-aligned, and I would like to center it. How do I accomplish this?

Secondly, I would like to change some of the background colors from a shade of gray to a shade of blue. I can figure out the #ABC123 (example) code for the color I want but I don't know where/how to edit this.

Thank you!

Comments

laura s’s picture

laura s commented

You will find "style.css" -- you can change those things there. Be sure to have a good text edit tool and encode UTF-8. I recommend TextWrangler for Mac, Crimson Editor for Windows. (There might be better out there, too.)

===
Laura
pingVision

_____ ____ ___ __ _ _
Laura Scott :: design » blog » tweet

msz3544’s picture

msz3544 commented

Great, thanks so much. I used that style.css file to make some great changes to the color scheme of my site. However, as I am not the sharpest knife in the drawer, I wasn't able to see where in the file I can make the header/title image center-align. Any idea? Thanks!!

merlinofchaos’s picture

merlinofchaos commented

In the style.css, look for the .main-content .content-title section. Add align: center to the list. I believe that will accomplish what you want.

-- Merlin

[Read my writing: ehalseymiles.com]
[Read my Coding blog: Angry Donuts]

msz3544’s picture

msz3544 commented

I was not able to find a section for main-content or content-title. I searched for the word "title" and added

center: align;

to each instance and this still did not center my title image.

merlinofchaos’s picture

merlinofchaos commented

Which theme are you using?

-- Merlin

[Read my writing: ehalseymiles.com]
[Read my Coding blog: Angry Donuts]

msz3544’s picture

msz3544 commented

the friendselectric theme

merlinofchaos’s picture

merlinofchaos commented

(I added 2 things; the text-transform is optional but you may like it)

And I apologize, I said 'align:' and it's text-align: which I realized as soon as my editor didn't color align: as a CSS keyword. My error.

#main .node h2.title, #main h2.main-title {
  font-size: 2.15em;
  font-weight: normal;
  letter-spacing: -1.5pt;
  text-align: center;
  text-transform: capitalize;
}

-- Merlin

[Read my writing: ehalseymiles.com]
[Read my Coding blog: Angry Donuts]

msz3544’s picture

msz3544 commented

I'm sorry ... this didn't work. I think the problem may be that I'm trying to center-align the image rather than the text?? This is the custom logo image that I specified on the configure page of the friendselectric theme.

merlinofchaos’s picture

merlinofchaos commented

Oh! You want the logo centered.

In that case, look for the line #header .hw2 and add it there.

(Note that I figured this out by editing page.tpl.php and did a search on logo to see what section the logo is displayed in).

That seems to work for me, tho mine looks kind of bad because of the logo I put in.

-- Merlin

[Read my writing: ehalseymiles.com]
[Read my Coding blog: Angry Donuts]

msz3544’s picture

msz3544 commented

Okay, this solves it, thanks so much!