Some of the most frequently asked questions we've
received on our themes and Rapidweaver, and our
responses.
My friends and customers only see code in their
browser window in IE6 on their PCs when they go to my
website. How do I fix this?
The reason your viewers are seeing just code in their
browser window is because you have the XML Declaration box
checked in your export settings in Rapidweaver. This causes
the XML Declaration line of code to be placed at the very
top of your exported page's code above the doctype line of
code which causes IE6 to go into "quirks" mode with the end
result being that just the page's code shows up in the
browser window in IE6.
To fix this is easy to do. Open the Inspector panel
click "Site" at the top then "Template" and select either
Default or Tidied export settings and uncheck the XML
Declaration box. Then click "Page" and "General" and select
either Tidied or Default again and uncheck the XML
Declaration box. You will have to do this step for each
existing page in your site. After you have finished this,
save your site with a new name. Then open the Site
Inspector again, click Site then Publishing and check the
"Use Optimized Publishing" and click on the clear
publishing cache button. This will cause your entire site
to be re-published again to your server directory. Then
re-export your site to a new folder and re-publish it
completely replacing your current site's files on your
server.
There is a big white space above my images in the
content area and they are moved down below the bottom of
the sidebar in IE6. How do I fix this?
The reason your viewers are seeing this when they view your
site in IE6 is that your image files are too wide for the
content area. IE6 handles margin widths differently then
other browsers do. To fix this problem, reduce the width of
your images or thumbnail page images or flash slideshow
file 20-30px in width. This should fix the problem for you.
You may need to try several widths to get it to work right.
Some themes come with ReadMe files that specify the width
of the content area you have to work with. Re-export and
re-publish the pages you were having problems with and you
should be good to go with IE6.
How do I change the colors of my headline type in my
theme?
Open your theme's styles.css file that is located in the
theme's contents folder. Scroll down a little bit to the
Global classes where you will find the h1 through h5 css
divs. They will look something like this as an example
(some themes may use ems for font sizing):
h1 {
font-size: 18px;
color: #1b5cbc;
text-align: left;
font-weight: normal;
}
Change the color to the 6 digit hex code you want to see.
Save the file. Note: You may also have to adjust the
variation color css file that is the same color as the
default css file is that you just edited for your changes
to show up in preview in RW.
How do I change the color of my body type in my
theme?
Open your theme's styles.css file that is located in the
theme's contents folder. At the top of the theme look for
the body div block of code. This will vary some with each
theme but you can adjust the font-family, font-size and
background color all from this one block of code. The body
div will look something like this as an example (Themes may
vary):
body {
background: #000000 url(images/bb_bg3blgr.png) top left
repeat-x;
text-align: center;
font-family: "Lucida Grande", Verdana, Arial, Helvetica,
sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: normal;
color: #353535;
margin-top: 0px;
margin-bottom: 20px;
}
To change the color of your body font used throughout your
site change the "color: #353535;" to the 6 digit hex code
you want to use. To change the background color adjust the
"Background" line of code. The above example positions an
image to the top left of the layout and tiles (repeats) it
going across the layout. If you want the image to repeat
down use "repeat-y". The background color is black #000000.
To just have a solid color with no image use:
background: #000000;
Save your file after your changes. Note: You may also have
to adjust the variation color css file that is the same
color as the default css file is that you just edited for
your changes to show up in preview in RW.
How do I delete or add a border to my images in my
theme?
Open your theme's styles.css file that is located in the
theme's contents folder. Scroll down to the "img" div block
of code usually in the Global class area. The img div will
look something like this as an example (Themes may vary):
img {
border: 0px;
}
The example shown has a border width of 0px specified. You
can change the width to whatever you want to see. Most use
1px as a width.
To add color to your border do this:
img {
border-width: 1px;
}
To add in color and the type/style of border do this:
a img {
border: 1px solid #cccccc;
}
This div example is for images that are links that you do
not want a border to show around the linked image.
a img {
border: 0px;
}
How do I change the colors of my links in my theme?
Open your theme's styles.css file that is located in the
theme's contents folder. Scroll down to the "a:link" div
blocks of code. The div code will look something like this
as an example (Themes may vary):
a:link, a:visited{
text-decoration: underline;
color: #1b5cbc;
}
a:hover, a:active{
text-decoration: underline;
color: #fc8300;
}
Change the colors in the 2 link divs to the 6 digit hex
codes you want to see. Save the file. Note: You may also
have to adjust the variation color css file that is the
same color as the default css file is that you just edited
for your changes to show up in preview in RW.