font style

[warmup031]

Hello,

Is it possible to change font style ? They are the same as my menu's fonts, but I'd like to change title / email font style that is displayed in the published messages ?

Thank you

Olivier

[christine]

Hi Olivier,

you could try it with changing in CSS. Example (from PG Demo J3):
either:

#jform_guestbook_title, #jform_guestbook_username, #jform_guestbook_email.input-xlarge {
font-size:16px;
}

or:

Code: Select all

.input-xlarge {
font-size:16px !important;  
}

adding to your custom.css

Kind regards, Christine

[warmup031]

Hello Christine,

Sorry, I'm webmaster/php/html/css beginner, is there a specific css file for phocaguestbook that I can find in phocaguestbook tree ?
Or are you talking about the website css template ?

Thank you

Olivier

[christine]

Hi Oliver,

in principle you can check with e.g. developer tool "firebug" to see/check your html/css codes.

Above code I just took it from GB Demo!. If you show us your URL, it would be easier to tell you specific code.
Code of previous post > add it at the end of your custom.css .... or you have a template.css (your template).

Kind regards, Christine

[warmup031]

Hello Christine,

I tried with the firebug tool, but It shows many css files, so I don't know which one to modify, and tried several without success.

here is the web page I tried to modify font style :

https://onvasedireoui.com/index.php/livre-dor


Thank you for your help

Olivier

[warmup031]

I'm trying to modify the title of posted messages that are in green in messages section

[christine]

Hi Olivier,

Can't check your URL, as getting an error 403 > access forbidden for country AT.

Kind regards, Christine

[warmup031]

This should be ok now

[christine]

OK now. There are many parameters in: index.php hardcoded. e.g. also for Kunena etc. etc. .... (from your template).

Therefore, put following code at the end of your template.css:

Code: Select all

#pgbTabPosts h5.pgtitle {
font-family:"Lato",sans-serif;} 

It could be needed, that you hv to add: ..... sans-serif !important; }

Kind regards, Christine

[atiqursumon]

Used Google font directory and other way download Phoca Font plugin.