Jump to content

Issue With Font And Images On Cms Page


Spainman

Recommended Posts

Hi everyone,

 

I´ve created a "Frequently Asked Questions" page with the CMS in prestashop.

 

I´ve copied the text from my word file which uses "Comic Sans" Font but it does not appear.

 

Also, I created an image to act as a header for the text, but it does not appear.

 

Here is my url.

 

http://62.81.159.230/~canicoba/index.php?id_cms=6&controller=cms

 

Regards.

Link to comment
Share on other sites

<img style="vertical-align: middle;" src="http://62.81.159.230/home/canicoba/domains/canicobacakes.es/public_html/img/cms/FAQ-Banner-v1_1.jpg" alt="">

 

you must provide path to img properly, i've noticed that image doesnt exists on this path

Link to comment
Share on other sites

Put as image URL:

http://62.81.159.230...Banner-v1_1.jpg

 

 

The font you should define in css. Just copying doesn't work. The text editor probably just changes it to current font.

Let me check if I can find where to change this for you... Please join in the search :-)

 

 

My 2 cents,

Pascal

Edited by PascalVG (see edit history)
Link to comment
Share on other sites

Update:

I assume you added just a new CMS page in Preferences-> CMS right?

 

If so, edit your page text.

 

Begin by selecting the text you want to change font of in the Page content field. (Can be all the text, or just a part of the text, up to you)

 

Then the trick:

1) To facilitate finding the text to change and adding the font later, first change the colour by clicking on the "Select Text Color" button. Set it to green or so (or any colour you like).

2) Press the "HTML" button

3) Locate the String :

<span style="color: #00ff00;">

(N.B. #00ff00 can be different. It's the font colour you chose). Directly after this you find the text you selected.

4) change this line into the following:

<span style="color: #00ff00; font-family: 'Comic Sans MS', Geneva, sans-serif;">

 

or, If you don't want to change the text colour,take out the colour setting here as well:

<span style="font-family: 'Comic Sans MS', Times, serif;">

 

5) Press update and Voila, you'll see your text in the wished for font...

6) Don't forget to save...

 

Background info:

To know more about font-families, see:

http://www.w3schools...ss/css_font.asp

 

(I gave three fonts to make sure there is a similar font selected if the user doesn't know Comic Sans. It 'falls back' to Geneva or ultimately to sans-serif. See w3schools link for more info about this)

Edited by PascalVG (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...