Forum Replies Created
-
Posts
-
That’s basically a “no.” CF7 is functional, but generally very tough to style. Is there a way to build a form with CF7 but adopt the Enfold styles?
Thanks Yigit, that worked. I had to create a new image that was 340×156, though. Otherwise the same problem occurred where the logo would expand to the entire header and go behind the menu icon. I suppose I can experiment with aspect ratios — maybe trim that to 140 or 125 — but that’s for later.
I also moved the image to the left positioning by using
background-position: 0 50%;which worked fine. For now, it’s sorted.Unfortunately, the above adjustment to Masonry didn’t work. I’ll stick with Portfolio Grid for now.
I managed to shrink the Masonry elements by setting the class
.av-inner-masonry { width: 15%; }but they were still arranged in two columns instead of six, leaving acres of empty space on all sides. I’ll play with it more in the upcoming weeks, but for now don’t worry about it.rThank Yigit, that did the trick! I added it to my child functions.php so I didn’t have to edit the original.
Any insight to the second part of the question, about making Masonry elements smaller, perhaps in 6-column view like the Portfolio Grid?
Hi friends,
Today I launched my Enfold-powered site, http://busycreator.com. I’d love it if you could have a quick look and provide any helpful feedback.
Some stuff is still in-progress, and I’m going to continue to customize the site, but it feels good to have this up!
Screenshots with annotations.
I managed to find a tutorial which allowed me to incorporate links and lengthening the excerpts, but I couldn’t figure out how to include [audio] elements, and to stop when the <!–more–> tag appears. I’ll get in touch with some friends who already instructed me to use Custom Fields. It’ll take me a while, but I’m good for now.
Basically all I want to do is display the posts the way they are on an archive/category. The only difference is that there would only be one post instead of 10 per page. You can see it this in action under the Podcast page on my site (use login credentials on the top of this thread). Scroll down to the “Latest Episode” section. I’d like to have that show everything up to the <!–more–> break.
Onwards and upwards.
Thanks Elliott, that worked like a charm.
I hadn’t really dug into the finer points of customizing such as modifying the loop (and all the styles) because I’m still looking forward to launching on Monday and working on getting the big things right. But this is very helpful to known where, exactly, I can find details like this.
I’m afraid I have another similar question which may or may not be related, so if you need me to post a new thread, that’s fine.
One one of my pages, I have some blog excerpts. The text and title appears correctly, but I’d like to feature the entire post through the “Read More” marker, with all links active and with the [audio] player included. Is it possible to create a sort of “enhanced excerpt”?
Yes, I noticed yesterday that it had indeed returned. Not sure what I did, but the up-facing arrow came back.
HOWEVER, I now notice that when I hover over an image, the “follow link” arrow has vanished, and instead it displays
'; font-Any idea where I might have messed things up? I image it’s a rogue semicolon or something in the syntax.
EDIT: this particular problem seems to have righted itself. Not sure why, but things are good now.
No, I didn’t modify my Footer.php. I checked both the original Enfold and the child, and they both had that as the last four lines. I deleted the child version just for good measure because there’s nothing there that I needed to add.
Any ideas why the arrow might have disappeared? Could it be a font issue?
To follow up, I managed to use a relative URL, but it required I move the /webfonts/ folder outside of both the child theme and main enfold folder and put it directly in /wp-content/. Not sure why that worked, but it seems to be the trick to a relative URL in the CSS.
Ok, so I actually got it to work with a relative URL, as long as the files are — as you advise — in the wp-content folder, rather than within the themes/enfold-child/css/ folder, as it was just prior.
I’ve added this to styles.css in my child theme, rather than custom.css or quick.css. I suppose it doesn’t matter, but is one preferable to the other?
Here’s the code, which I suppose is FYI at this point:
@font-face { font-family: 'VerbCond Light Italic'; src: url(/wp-content/webfonts/verbcond-light-italic.eot); src: url(/wp-content/webfonts/verbcond-light-italic.eot?#iefix) format('embedded-opentype'), url(/wp-content/webfonts/verbcond-light-italic.woff) format('woff'), url(/wp-content/webfonts/verbcond-light-italic.ttf) format('truetype'), url(/wp-content/webfonts/verbcond-light-italic.svg#ywftsvg) format('svg'); font-weight: normal; font-style: normal; }Ok, quick update. I seem to have solved the @font-face issue by changing the CSS so the URL is an absolute link to the font files … on my other website! Here’s the code:
@font-face { font-family: VerbCond Regular; src: url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.eot); src: url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.eot?#iefix) format('embedded-opentype'), url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.woff) format('woff'), url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.ttf) format('truetype'), url(https://busycreator.com/wp-content/themes/Busy%20Creator%201.0/css/webfonts/verbcond-regular.svg#ywftsvg) format('svg'); font-weight: normal; font-style: normal; }As you can see, I’m linking to the files on http://busycreator.com. The same files are indeed uploaded to my Enfold site, but for some reason I can make a reference to the relative files. I’d prefer to keep this as a relative URL in case I have to make future updates or move the same code to another installation. Should I redirect to a parent directory, such as ../enfold/ rather than within the /enfold-child/ folder?
I’ll stick with the workaround for now, but I’d love if someone persnickety could examine my CSS and advise. Thanks for your help so far.
Hi Josue,
The code bits did add VerbCond Regular to the drop-down list. Thanks for the advice! But unfortunately the @font-face is still not working.
I have used Verb Condensed on another WordPress website with a different, more basic, theme. It was a very straightforward process, which is why it’s so frustrating here. My first thought is that it’s something to do with the Child Theme, since I don’t have one on the other site. Should I modify my main Enfold files? Or is there something wrong with my CSS to begin with?
The drop-down thing is a nice little bonus, but I appreciate any insight into the main question — how to get an outside webfont to load. I see this is a common question, but unfortunately none of the straightforward solutions presented seem to work for me.
UPDATE: I have solved this through some workarounds. Not sure what the problem was, but it’s working now.
I’m having similar problems with an outside webfont using @font-face. I’ve tried both absolute and relative URLs, but just can’t get the font to load properly. I’ve done this on another WordPress installation with a different theme, but I can’t get it to work with the Enfold child theme I have set up.
Any insight as to how to use an outside webfont? I’m happy to move the files to a specific folder or update the CSS file.
