-
Posts
-
Although I have tried carious edits to over ride the css for the font type on the full screen slider I am having no success.
This is my current attempt to use the google font Fira Sans which is part of the theme and appears elsewhere.
I fact, ideally I would like to use this one font throughout the whole theme.My current css edit below
/* header slider caption font */
h2.avia-caption-title {
font-family: Fira Sans !important, Arial, sans-serif;
}Hey madmanbean,
If you want to use that font throughout your site, then maybe it would be better to select it in the theme options under General Styling->Fonts?
Best regards,
RikardThe prime reason I made this post was to be able to resolve the problem of this font not showing in the full screen slider. If I was able to select this font for the whole website then I would not be making this post! That particular font does not appear in the whole site option on the dropdown menus!
To start it would be good to get it to work as mentioned in the sliders which it deoes not even with the code obtained from these help pages.
Hi,
Thanks for the feedback. Please try this CSS instead:
h2.avia-caption-title { font-family: Fira Sans, Arial, sans-serif !important; }If that doesn’t work then please post a link to where we can see the element in question.
Best regards,
RikardThat does not work. Have already tried various permutations of !important to try to make it work!
the site is still hidden from view so only with a login by you could this be possible. Am only using this element on the home page at http://www.landscaper-oxfordshire.co.uk/ and it is working elsewhere where I am using special heading which specifically allows you to specify h2 which it does not on the slider although it is using it in the html
I have added keriei logon already for other issues so am showing this in the private box
On the home page NOit does not show thw correct font see
https://fonts.google.com/specimen/Fira+Sans as to how it should lookthis is the font required as per my post this page works fine as do the others without the slider at the top. it is onlt the slider that does not accept that font in the heading
http://www.landscaper-oxfordshire.co.uk/about/
This is the main cssh1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li {
font-family: “Fira Sans”,”HelveticaNeue”,”Helvetica Neue”,Helvetica,Arial,sans-serif;
}and.. this is the css for the main screen slider again showing this font..
#top #wrap_all .all_colors h2 {
font-family: “Fira Sans”,”Helvetica Neue”,Helvetica,Arial,sans-serif;
}Hi madmanbean,
If you set the font weight to 300, you can see that the font is the same as on the “About” page.
#top #wrap_all .all_colors h2 { font-family: 'Fira Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; }If you need further assistance please let us know.
Best regards,
VictoriaFantastic and thankyou..Did not even think of font weight!.. Have added extra class to include the sub title as well..
NOW.. If client also wants the top menu t be the same font style (I think he may ask that) how can this also be added ??
#top #wrap_all .all_colors h2, .avia-caption-content{
font-family: ‘Fira Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-weight: 300;
}Hi madmanbean,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text { font-family: 'Fira Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.