Base Themes and their CSS Codes
March 18th, 2008
One key element in making your Customized Theme is to know which Base theme to use. Some designers start a theme by copying the CSS of the Base Theme and start tweaking from there. This post will show you the Base Themes and their corresponding CSS Codes. Just enough to give you a start!
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Entry Filed under: simplyJACY,Themes,Tutorials


























31 Comments Add your own
1. Step-by-Step Guide on Mak&hellip | June 5th, 2008 at 7:48 pm
[...] There are more Base Themes to choose from. You can see how the Base Themes look like in our post Base Themes and their CSS. 2. Copy the CSS Codes of the Base Theme that you have chosen. Get the codes in our post [...]
2. evie | July 5th, 2008 at 9:10 am
I am going crazy with the CSS code, it sounds so easy but its so tricky. Why doesnt the CSS validate and correct the mistakes?
I cant seem to be able to load the backgrd picture even though I followed the instruction of pasting it in the CSS code to replace the theme CSS. Why? I tried witb Multiply and photobucket as well
Why is it so difficult to change the theme?
Can someone pls help me? I have been staring at this for weeks and everytime I log out without accomplishing anything………..I am thinking of leaving multiply……….
3. simplyjacy | July 8th, 2008 at 7:03 pm
what you want to do is to change the background of your theme, right?
try to follow these steps:
1. choose your base theme as Layout.
2. copy the CSS of your base theme and paste it on the Custom CSS.
3. look for this part of the CSS:
body {background: url(“paste URL HERE”);}
4. paste the URL of your image inside the parentheses.
4. lovelyn | July 22nd, 2008 at 10:07 pm
where do you find the custom css????????
5. SoFia ♥ | August 28th, 2008 at 2:22 am
Hi!:)
What height and width should I use for the background, and Rails? And the codes for it too?please? Ü
6. Thea | September 2nd, 2008 at 9:47 am
Hi! I’m kinda stupid about multiply layouts.. One thing, are there differences when you use other base themes?
7. jehaziel | October 4th, 2008 at 10:43 pm
how can I change my base theme as layout??
8. jhenz | October 21st, 2008 at 4:09 am
how could i make the boxes transparent?.,
9. childeen | October 26th, 2008 at 2:43 pm
thanks!!!!!!! THIS SITE IS REALLY GREAT!!!!!!
10. Anais | November 4th, 2008 at 1:55 pm
muchas gracias!!!! se ve que en todo piensan!!!!
11. simplyjacy | November 4th, 2008 at 5:37 pm
cutom CSS can be found if you right click on each page and click on Page Source
12. simplyjacy | November 4th, 2008 at 5:41 pm
hello soFia!
since most backgrounds are usually tiled or repeated, the size doesn’t really matter. but if you want to have a fixed background and not tiled, it should be around 1280×1024. but this is actually dependent on the viewer’s pc resolution.
as for the codes, this tutorial should help you:
Your Page and CSS
13. simplyjacy | November 4th, 2008 at 5:43 pm
there is actually. one of the obvious difference is the position of the rail. others is how things are placed and how they can be costumized.
i’d always suggest new designers to start with Shadowbox since it’s the easiest to tweak at least for me.
14. simplyjacy | November 4th, 2008 at 5:44 pm
this should be helpful to you:
Step by Step Guid on Making your Own Theme
15. simplyjacy | November 4th, 2008 at 5:46 pm
look for this code:
.itembox {
background-color: #fff;
}
change the color hexcode (#fff) to “transparent”
16. tonette | November 6th, 2008 at 10:32 am
hi. pede bang palitan ko na lang ng header yung base theme? blue slate po yung gamit ko.
17. simplyjacy | November 6th, 2008 at 1:47 pm
you can actually do that. it would be best if you include the link to your site so i can check which went wrong.
18. nicole | November 15th, 2008 at 4:35 am
how can i make my picture become the head banner? ive tried it kaso half lng po yung nag appear.. hmmf.. thanks!
19. maegi | November 16th, 2008 at 9:17 pm
hi!
i want to make my tables transparent but i can’t find this code at my Melon Based theme:
itembox {
background-color: #fff;
}
how do i go about it?
thanks in advance! your site is GREAT!
20. simplyjacy | November 18th, 2008 at 3:11 am
what’s the height of your image?
try to change the height on your CSS the same as the height of your image.
21. simplyjacy | November 18th, 2008 at 3:14 am
hello Maegi!
try to use CTRL + F and type itembox. it will help you find that code.
to make it transparent, change the #fff to “transparent”
22. ihearvoices2 | January 8th, 2009 at 12:15 pm
I am trying to change the title font in the statue of liberty pic from white to black. I have tried many different codings but nothing seems to work. Can you help me?
23. simplyjacy | January 8th, 2009 at 2:10 pm
go to Customize My Site > Custom CSS and paste this code to change the title from white to black:
h1#page_owner_title {
color: #000;
}
24. ed | January 14th, 2009 at 11:33 am
hello, pls help me.
how can i change the image in .railstart ?
when i paste the code in the css form. it says invalid.
thanks!
25. Multiply: Step-by-Step Gu&hellip | March 19th, 2010 at 3:35 pm
[...] There are more Base Themes to choose from. You can see how the Base Themes look like in our post Base Themes and their CSS. 2. Copy the CSS Codes of the Base Theme that you have chosen. Get the codes in our post [...]
26. Kaie | March 30th, 2010 at 10:38 pm
Hi. Do you have CSS codes for three column multiply layouts? Layouts with left and right custom navigation?
27. mysan | July 3rd, 2010 at 4:16 am
In Bacchus CCS code, where can I find the Welcome Box? Can I edit the text as center, iltalic, insert images or link? If so, what are the right codes?
28. mysan | July 3rd, 2010 at 4:22 am
Which part of the Bacchus CSS code can i find this:
29. quepet's | April 11th, 2011 at 12:30 pm
hi… i can’t hide the blog, notes and calendar box in my site… every time i tried hiding it during customizing, the welcome box is hidden instead… what should i do? i tried it so many times! huhuhu… tnx…
30. quepet's | April 11th, 2011 at 12:42 pm
another one… what does “padding” means?
31. Gwicha Zania | November 16th, 2011 at 5:17 am
Oh! It’s nice information. Thanks!
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed