That worked perfectly, thank you.

What about getting the hover colors to change for the social icons at the top of the page? I’m pretty sure I remember each of them changing to their own specific color on hover, but right now they all turn orange on hover.

Oh, my website is right here. Forgot to include a link.

Here’s what it looks like.

@neotrope That worked! The line is there, but the problem is that it’s not running the actual script. It just says “( Words)” and leaves out all the stuff from the function. I feel like that means the code in the function.php isn’t right maybe.

Maybe @neotrope or @andrei_luca can help me?

Hey @Andrei_Luca

I just updated my Newsmag theme to 3.0 and since I’d forgotten to copy the files I’d changed, I’m having to go back through and change everything again.

One of the changes I’m making is adding the Calendly icon to my social media icons in the top bar. But if you’ll notice when you look at my website, there’s a > by the Calendly icon at the end and I can’t figure out why.

Here’s my code: http://i.imgur.com/ApOHhrJ.png

So what you’re saying is that using a FA icon and using an actual picture involves two different sets of rules that would affect how the image gets placed on the page?

Do you know if creating an icon at 14 x 14px (standard web resolution of 72) in a png file would fix this? The other issue that I had was that the color of the icon wouldn’t invert in the footer to be a white icon on a black background.

If this is too complicated, I’ll just leave it as the FA icon. It’s not worth all the trouble, but if it’s doable I’d definitely prefer to have the actual Calendly icon.

I remember a while back on a previous theme, I went into the theme’s files and changed the… “priority”?… of different parts of the page’s layout. I can’t remember if that was actually what it was called or not, but from what I understood it was like putting all the content of the page in numerical order from least important (bottom layers) to most important (top layers). Could you point me to where this might be located in the Newsmag theme files? Specifically for the comments section?

Actually, I believe you’ve given me enough to go on for me to do this myself! I’ll let you know how it goes. Thank you so much, Andrei!

I guess I was assuming the fact I was posting this issue here would imply I thought the trouble I was having was due to some compatibility issue between the theme and Advanced Custom Fields. The directions they provide aren’t very clear and I’d thought I’d followed them pretty closely, and yet I saw no custom fields; that led me to post here in the hope of someone knowing some magic trick to get Advanced Custom Fields to work on WordPress pages that are dressed in Newsmag.

Unless Andrei has some magical advice, I’ll bank on someone over at ACF helping me. Thanks.

New issue, @andrei_luca…

If you go to my website and look at the comment section, you’ll see a button that says “Share” (it’s under/attached to the text box). If you click it, the drop-down list shows up, but instead of going over top the footer, it goes under the footer. How that this be fixed?

So, for the custom fields to show up I not only have to input whatever I want into the fields while editing the post, but I also have to go up and put in code to tell those fields to show up?

Here’s what I’ve done: I installed Advanced Custom Fields Pro (the latest version) like I would install any other plugin. Then I went in and created a field group, created the post, filled some info into the fields on the post edit page, and published. When I look at the page the only thing that shows is the title.

My coding skills are still pretty limited, I know vaguely what you mean about creating a template file for that page, but I wouldn’t begin to know how to do that. I know where it would go, but I wouldn’t know what code to include or how it would be incorporated with the rest of the theme or what code to add so that ACF would work.

The ACF resources are, at least for me, not very descriptive. I get what they’re saying, but I’m not able to decipher how to do what they talk about. I would need some really in-depth, step-by-step instructions.

@andrei_luca, can you tell me what the dimensions a custom social icon would need to be? Is it 25x25px?

Also, would would you get a custom social icon to behave as the others do? In the top menu, the icons change color on hover and in the footer the icons get a colored square behind them on a hover. How would I get a custom icon to do that?

I just tried using a custom icon for Calendly and has some major issues. I finally got it to look okay in the top menu, but the hover effect never worked. I didn’t initially know the dimensions so I started off making 100x100px icons assuming the theme would resize them, which it did to an extent. But it seems less able to do so in the footer. Even when I started making the icons 25×25, the alignment was way off in the footer. Like I said, it looked right up with the social media icons in the header, but in the footer my custom icon would be like 8 or so px higher than the line on which the other icons sit. Not really sure what I’m doing wrong.

If it’s too difficult I’ll just go back to the FA icon for Calendly, but I’d like to figure out how to make this work for future reference.

New (although related) issue:

So I got Calendly in with the other social media icons no problem. However, I’m sure you’re aware that the social icons in the footer get a colored, rounded square behind them when you hover over them. The only one that doesn’t is the icon for Calendly that I added. How do I get the Calendly icon to get a hover-square, too?

It’s called pagination. I’ve done it in the past without plugins by adding <!––nextpage––> in the post wherever I want to break it off into another page. And this page will tell you about how to add the links for navigating between pages of a single post. It’s actually a lot easier than it sounds, and I’ve found this to be the best way to paginate while breaking down posts in the exact places you want. (There’s a little bit more about this technique here.)

Alternately, there are plugins that can do this for you, like this one, this one, and this one. (Second one is probably easiest to use of the three.)

Hey @andrei_luca,

So I did what you said, updated both the theme and Visual Composer. I’ve cleared my caches (caching plugin, my personal computer, and my CDNs) and I’m still not able to save changes. When I click “Save Settings” that animated square just stays there. I’ve already gone through and checked to see if it was a plugin that’s interfering, but that doesn’t seem to be the case. Im not really sure what else to do.

Looks like it’s fixed again, at least for now. Spent about 3 hours chatting with a MaxCDN guy and after getting nowhere with this dumb tech support rep at Bluehost, he helped me just make the files that were showing up exceptions to CDN caching and it’s working fine.

Sheesh.

That is exactly the code I added when I was chatting with the MaxCDN guy the other night, but we eventually got it working by doing something else. So now something really odd is happening: Everything is working fine when I’m on the desktop version of my site, but not only mobile version. When I pull my site up on my phone, there’s no menu icon to the left of the header, no search icon to the right of the header, and no social media icons in the footer. I can’t fathom why it would be working on the desktop version and not on the mobile as I would assume both the desktop and mobile are pulling the data from the same servers. And I’ve cleared/purged all my caches too.

This technology stuff is a pain is the rear sometimes a lot of the time.

@andrei_luca, thanks for that resource, I should be able to do that without issue. However, it says there to put that code in the CDN’s .htaccess and not the primary one on my host’s server. How would I go about accessing .htaccess files on MaxCDN and CloudFlare?

Everything is all well and good with this now. Between chatting with MaxCDN and chatting with Bluehost, we got it figured out.

However, I’m now using three CDNs (and my website is blazing fast), but I want to look into finding a way to allocate those more effectively with something like jsdelivr, or a similar platform. Anyone have any knowledge about this, suggestions, or know of any good step-by-step resources for making sure my CDNs are allocated as effectively as possible?

I’ve been chatting with MaxCDN support. They’ve checked to make sure I’ve added the right code and advised me to purge my cache pull, I guess so that it would re-cache the new code or something, but it’s still not working. I was under the impression that the social icons were tiny image files or something, and not a webfont.

I guess I wouldn’t know for sure, that’s just what I would have assumed.

I tried posting the whole thing into .htaccess and my site stopped loading. I get “ERR_EMPTY_RESPONSE”…. and so I took out all the extra comments and it apparently loaded right before I made the change, so now it’s not loading again. I wonder if it just takes a few minutes for the changes to bounce around to all the servers or something.

In any case, I noticed when my page loaded, the social media icons were still not there.

@neotrope, you’re a lifesaver.

The tutorial I found is here. Do I put ALL the code that’s there at the top into .htaccess? Or just what’s in red?

And I just noticed that the stars from Taqyeem plugin aren’t showing up. They’re appearing as boxes with Xs in them for some reason. I feel like maybe there’s something more I need to have the CDN cache, but I have no idea how to begin trying to figure that out.

Good to know. So once our six months is up, it’s less than $15 for another six months. I’d say that’s reasonable, especially considering the amount of excellent support I’ve already gotten here.