Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Which theme are you having issues with?
It’s a theme from elegant themes called my cuisine.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Did Elegant Themes say that they can’t support you with this? We can provide a solution, but it may not be the best one or be in as much detail as you’d expect
Support ran out, just using the theme from when I downloaded it last.
I’d say I’m a mid level web programmer, so feel free to shoot some stuff at me.
I thought it’d be as easy as applying a font-family style to the text, but that isn’t working. Is cufon some other style of css?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Overriding the font should be easy, but what font are you thinking of replacing it with?
If you look at the front page, I would like to replace it with the same font as the font of the quote below.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Yeah actually this is complicated.
What you could do is superficially replace cufon with plain text via JavaScript and then apply your CSS to a <p> for example
When I am in the editor in the stylesheet I don’t see anything pertaining to cufon. A search doesn’t pull it up at all. Where else would it be?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Cufon uses the canvas element to create the font, so it’s not like a font-face CSS declaration and I don’t think it involves CSS at all
Dang. Would it be easier to just display: none; the text and somehow add in my own?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
- Download this plugin: https://wordpress.org/plugins/custom-css-js-php/
-
Go to the “Add New JAVASCRIPT” area (screenshot)
- Select the (Apply using) “wp_footer” radio button;
- Add this code:
$ = jQuery;
var slideTitles = $('.slide .title a');
slideTitles.each(function() {
var title = $(this);
title.html(title.text());
});
- Save
Then in the “Add New CSS” area, add this CSS:
.slide .title {
font-family: 'Goudy Bookletter 1911';
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Damn I messed up my last post. It should be good now.
Here is my css code, using the shortcode option
.slide .title {
font-family: 'Goudy Bookletter 1911', Georgia, serif;
}
And i’m not seeing a change. I also applied your JS code.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you sure you applied the JS to the right section? I’m looking in the plugin’s JS file and it’s not got what I expected: http://mlk.djbritt.com/wp-content/plugins/custom-css-js-php//assets/js/frontend.js?ver=4.4.1
