Knowledgebase
CSS codes for Phoenix
Posted by James Reiche on 10 April 2018 01:28 PM

phoenix templates by Psitez 

CSS codes for Phoenix

 

CSS code can be used to make certain modifications to a Phoenix website.
There are two places that CSS code can be entered inside the sitezadmin.
Where you enter it determines what the CSS code will work for.
If you want to make a CSS modification to a specific page on your Phoenix website then you would enter the CSS code in the CSS Code box found inside the specific pages EDIT ADVANCED SETTINGS tab.

If you want to make a global CSS modification that will affect every page on your Phoenix website then you would enter the CSS code in the CSS Code box found inside the sitezadmin Code includes section.

 

 

 

CSS codes

Here are some examples of different CSS codes that can be used with Phoenix and a description of what they do.

 

 

TEXT PAGES

 

Remove default page title

This CSS code will remove the default page title from a text page.
This is useful if you want to create your own custom page title that can be centered or if you do not want a title to appear on the page.

 

#pageHeader {
display: none !important;
}

 

 

 

 

Change page title color

This CSS code will manually change the color of a page title.
Simply replace the 6 digit Hex code with your desired color code.
Not sure what Hex color code you need?

LOOK HERE

 

#pageHeader {
color: #000000 !important;
}

 

Change page title font

This CSS code will manually change the font of a default page title
Simply replace the font name with your desired font name.

 

#pageHeader {
Font-family: DELAROBN !important;
}

 

You can add both codes if you want to change a page titles color and font.

There are settings inside the sitezadmin that will allow you to change the color and font.

CSS code should only be used if you want to override those settings and manually change something on a specific page.

 

#pageHeader {
color: #FF0000 !important;
Font-family: Century Gothic !important;
}

 

 

 

 

Changing the font for specific text on page

Any text that is manually entered on a text page will match whatever font is selected for the General Text Font setting found inside the sitezadmin edit general settings section.

There are times when you might want to change the font on just some of the text on a page. ( like subtitles )

The Title font ( TESTING ) on the page below is set to Handlee and the general text font is set to display as Arsenal.

See how the subtitles EMAIL and PHONE display the same as the general text font.

 

 

Let's change the font on just those subtitles so they match the Title font.

Highlight one of the subtitles on the text panel inside the sitezadmin and click on the format tab then formats - headers - h2

Then do the same for the other subtitle that you want to change the font on and save the change.

Then go to the text pages ADVANCED SETTINGS tab and enter this CSS code there and save the change.

 

h2{
Font-family: Handlee
}

The text that was highlighted and marked as h2 will now appear in the font that is entered in the CSS code ( Handlee )

 

 

 

 

 

 

 

 

 GALLERIES

 

Lower a Gallery Title

By default, the gallery title displays on top of the main gallery image that appears on top of the gallery thumbnail page.

You can lower the gallery title to make it appear under the main gallery image instead using this CSS code

 

#pageHeaderG {
top: 15px !important;
}

 

 

 

Remove a Gallery Title

This CSS code can be used to remove a gallery title.

 

#pageHeaderG {
display: none !important;
}

 

 

 

 

 

(0 vote(s))
Helpful
Not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments: