[HiroiSekai]

Hi David,

Installing through the WordPress uploader is nice. Strangely though, I still can’t get any changes in this new child folder to stick. I’d really appreciate a look into what’s happening, as this has been an ongoing issue. My best guess is that something with my FTP is incorrect and I’m accessing files that aren’t affecting my live site, since I see thumbnail height set to null in swift-framework post-formats.php, but it remains cut off on the home page. This might explain the child theme issues too.

P.S. I checked with WerkPress and they only deal with larger projects with a hefty budget over $4000. They pointed me to a child site of theirs that does smaller jobs, but even that was quite pricey. I even hopped over to Freelancer.com where the cost seemed to be very reasonable, but it turned out to be a community that just jumps at the opportunity, but actually lack the skills to complete the task once the details are shown. I don’t believe the few changes I am asking about are overly difficult (maybe minus the about page tabs), do you have any additional recommendations for getting assistance on this?

[HiroiSekai]

Hi David,

I have not changed my login settings, I’m not really sure why it isn’t working? I added the child theme folder from the ThemeForest download into my themes folder, are there any additional steps that I missed?

5) To be honest, I would like to hear the solution for the Swift Slider, because that gave pretty much the same result.

Thanks for the link to WerkPress, I sent them a query, but my budget is quite limited. I will await their response, but I’d like to know why the child theme isn’t working and how to remove the extra responsive padding from the Swift Slider beforehand, if possible.

Thanks as always,
Thomas

[HiroiSekai]

Hi David, I’ve been trying these out but the changes don’t seem to be working.

1) I cut the CSS from my Jetpack plugin and pasted it into style.css in my child theme directory, and all of my styles broke on the site. I don’t think it’s connecting.

3) Okay, I first need to solve the problem of why nothing in the child theme is working first, but what do you suggest is the best method of achieving this boxed layout look? I’m thinking I should add another div in the code, making it 100% width with the gradient background, then making the existing content div 75% with a white background and a box shadow. Don’t know if that approach will work- I don’t want to break anything.

4) I don’t think I’ll want to actually overwrite the theme’s functions, but I would like to have my CSS and modifications remain even after updating Cardinal.

5) This is another new one, but there must be a way to make the home page slider more mobile-friendly, in the sense that the short and wide slider is replaced by a taller and more rectangular slider for smaller devices? I don’t like how it currently adds this blank space above and below the slider when viewed on iPad or iPhone. Even if it needs a bit of CSS, there must be a way to remove these gaps?

[HiroiSekai]

Hi David,

1) I found the cardinal_child folder in the ThemeForest install, and I did an FTP upload to my themes folder. I looked through the Child Theme WordPress codex page and noticed that the setup was pretty much completed in cardinal-child. Am I safe to assume that I can just start taking my Jetpack Custom CSS and placing it in style.css and it will remain working?

3) The background options only seem to work when the site is in boxed layout. I don’t want my entire site cropped to 80% on every page with that background, I just want the single post content box to look that way. This method seems like it will reduce everything down to 80%, including the header, footer and everything in between. I’m thinking the best method would be to wrap the content section in another <div>, reduce the content section to 80% width, then set the new background div to 100% and give it that background gradient. I could then stack the content box over the background div using z-index. The only issue is that with all of these swift-framework lines of code, I don’t know where or how I can make this change.

4) The child theme install was pretty seamless and simple, it seems. What I’m curious about is that the folder is almost empty, minus the necessary functions.php and style.css. I’m assuming to make changes to the actual theme, I need the same theme files in there too? I don’t want anything breaking when I try this, so I want to check with you to make sure I set it all up correctly.

5) That’s quite simple, thank you. Would have been nice if there was a universal way to apply it to all of my posts, but it’ll have to do as long as it works.

[HiroiSekai]

Just remembered one more thing:

5) I’d like to have it so any image on the site opens up in a lightbox instead of going directly to the image URL page. If possible, I’d like to hardcode this so I don’t have to eat up more resources with another plugin. I don’t see a toggle option for this in the Theme Options, but I don’t know if I missed it? At the moment, Cardinal only opens a lightbox when you open up a gallery, but I’d like to have it open when any linked URL image is clicked.

[HiroiSekai]

Hey David,

1) I’m not entirely sure what a child theme is, to be honest. The term’s been tossed around a few times in this thread but I need a bit of clarification on it. I did FTP the new loader image and it seems to be working even without the CSS, but I’d like to know about the child theme still.

3) I have attached an image- everything inside the magenta border is what I’m trying to achieve. I want the content section to be at around 75-80% so I can show a gradient background in the empty edges. On top of that, I’m hoping to have a drop shadow under the content section itself, as you can see in the image.

4) Thanks for pointing me towards the correct file to look through. I guess before I start messing around in here, I should wait to hear your explanation on the child theme. My best guess is that it would allow editing at a root level so I don’t constantly have to remake these edits each time Cardinal updates, but I’m not sure.

If my guess is correct, I’d also like a more detailed walkthrough of how to make these edits in the child theme. I know I was told to do so a bit back with a different issue, but I still haven’t figured out how to do so.

Many thanks,
Thomas

Attachments:

You must be logged in to view attached files.

[HiroiSekai]

Hi David,

Thanks for the info. I’ll go over each point:

1. I’ve downloaded a loader gif from the site, would love that assistance in replacing the current one with it.

2. Perfect, thank you kindly. As for the errors, a couple times it would try to redirect to Twitch, but get a white screen or something similar that didn’t actually load the page.

3. I’ve actually used the Fancy Title on my most recent article. It does go full width at the top and that’s perfectly fine, but how do I achieve the floating 80% content box underneath the Fancy Title? I’d like a drop shadow under it like in the mock.

4. I’m referring to the actual search button itself. When you click it in the header and the dropdown comes out, I’d like to know how I can edit the elements like the dropdown box and the results in the dropdown box. For a live example just go to http://hiroi-sekai.com, click the search button in the header and type in a term (don’t hit enter though). The box (and its contents) that drops down to display the results is what I want to edit.

Thanks as always,
Thomas

[HiroiSekai]

Hi Ed, that is some handy code for sure, thanks.

I’ve actually been getting quite a few of the more complicated design changes I was looking for done, but there’s a couple things I’m hoping you could fill me in on, as the PHP composition for Cardinal is confusing to me with so many injections and referrals to Swift frameworks.

1. Is there possibly a transparent background version of the search loading animation (shows after typing in something in the search field)? I want a lighter grey to be the search field background, but now the white background of the loading animation is very visible.

2. I noticed the new Twitch field in the Social Icons, many thanks! However, after adding it, it’s showing the VK icon, and clicking it also leads to some errors. Would like this looked into if possible.

3. On single posts, I’d like the top banner image to be 100% width, but the content box itself to be about 80% width with a drop shadow. This mock demonstrates what I’m hoping to achieve (https://drive.google.com/open?id=0B-EgfW4wzb6LRER5ejctT3BxZE0), and I’d just CSS stack two layers to achieve this effect, but I don’t think there are two layers to work with regarding the actual content. What’s a good way to approach this?

4. I’m still plugging away at the search field results section (https://drive.google.com/open?id=0B-EgfW4wzb6LflMwblNLNjRNWDRrOXBUSzMzTnljalQ3TDlxQ3NNb3dUbHVSR05vTzZmeHM), but I’m not really sure which PHP document is controlling this? It could be an effect I could achieve using just CSS, but I think I may have to echo a few additional elements to fully achieve this.

Thank you as always,
Thomas

[HiroiSekai]

Hi Ed,

The plugin did the trick for my fonts, many thanks.

I’d still like some help with the Swift Slider if possible. I’ve been playing around with image sizes and all, but the responsive behaviour of the slider seems to be cutting off content from both the left and right sides. Things get worse when viewing the slider from a mobile device.

So my question is: is there a way to always show the slider at its full image width (regardless of height loss), or is there a way to set different sliders to tablet and mobile? Also, is there a guide on setting up image dimensions to work best on the slider? I can’t nail down how it’s determining how much of the image to use.

[HiroiSekai]

Hi Ed,

It was in this topic: http://www.swiftideas.com/forums/topic/custom-fonts-issue/

Something about fixes with the Redux team and others asking for the update through your support email. Maybe that refers to something else? Regardless, I just can’t get the custom fonts to show up on any other platform other than my MacBook Pro (since the font is installed on it). And yes, I have FTP uploaded the custom fonts, they show up in the Custom Fonts backend, and I have set them as active as well. Still nothing.

Would appreciate the help, thanks.

[HiroiSekai]

Hey Ed,

Much appreciated as always. I’m wondering if you happened to get my email about the custom font compatibility/upload issue? I read on an earlier thread that patched code was being privately handed out.

Thanks as always,
Thomas

[HiroiSekai]

And if you see the homepage, there’s also an issue since my last Cardinal update where the recent posts at the bottom of the page is mashing together the author and the date together. Any idea what’s happening there?

And to my previous question, can we get a Twitch field in the Social Icons section in the next update?

[HiroiSekai]

This reply has been marked as private.

[HiroiSekai]

Also, is it possible to add a Twitch social link field in the next update? 🙂

[HiroiSekai]

Hi David,

Thanks for taking the time to point out each of the bullets I listed, it’s much appreciated. I’ve got a decent bit of programming under my belt, so I should be able to pull off some of the trickier bits myself with a couple short WordPress PHP tutorials and some trial and error. Already pretty much getting the search button functioning as I want it.

Just want to check something with you, I’ve got @font-face running since my mockup and site will be using a custom font. It’s strangely working perfectly on Safari desktop, but Chrome and iOS Safari are just not changing over. I haven’t tried Firefox, Opera or IE/Edge yet, but I’m wondering if you could possibly fill me in as to why it’s not registering on iOS Safari and all of Chrome? Here’s my @font-face CSS:

@font-face {
	font-family: 'Gotham-Light';
	src: url('GothamLight.svg') format("svg");
	src: url('GothamLight.eot'), url('GothamLight.eot?#iefix') format('embedded-opentype'), url('GothamLight.woff2') format('woff2'), url('GothamLight.woff') format('woff'), url('GothamLight.ttf') format("truetype");
}

@font-face {
	font-family: 'Gotham-Book';
	src: url('GothamBook.svg') format("svg");
	src: url('GothamBook.eot'), url('GothamBook.eot?#iefix') format('embedded-opentype'), url('GothamBook.woff2') format('woff2'), url('GothamBook.woff') format('woff'), url('GothamBook.ttf') format("truetype");
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('GothamMedium.svg') format("svg");
	src: url('GothamMedium.eot'), url('GothamMedium.eot?#iefix') format('embedded-opentype'), url('GothamMedium.woff2') format('woff2'), url('GothamMedium.woff') format('woff'), url('GothamMedium.ttf') format("truetype");
}

@font-face {
	font-family: 'Gotham-Bold';
	src: url('GothamBold.svg') format("svg");
	src: url('GothamBold.eot'), url('GothamBold.eot?#iefix') format('embedded-opentype'), url('GothamBold.woff2') format('woff2'), url('GothamBold.woff') format('woff'), url('GothamBold.ttf') format("truetype");
}

As mentioned, it works perfectly on my MacBook Pro, but not on my PC, iPhone or iPad. I read in an article that Chrome has this tick to its coding that prefers the svg format to come first, but even that’s not working. In fact, I think it’s slowing my Safari’s load time for the fonts by doing that.

Would appreciate the help on this, thanks.