A Couple Little Issues

[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.

[Swift Ideas – Ed]

Unfortuatnely that is still unresolved. If you use this plugin, and also upload your fonts there – that should sort it – https://wordpress.org/plugins/use-any-font/

– Ed

[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.

[Swift Ideas – Ed]

The slide background will always cover the slide 100% – otherwise you will get white sections where the background isn’t covered. If you are happy with that, then add this css:

.swiper-slide {
-webkit-background-size: 100% auto!important;
-moz-background-size: 100% auto!important;
background-size: 100% auto!important;
}

– Ed

[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

[David Martin – Support]

Hi,

1) Sure, please create a new loader .gif image for you modification and we will assist you in adding this to a child theme. Create one here: http://www.ajaxload.info/

2) Thanks for reporting, we are aware of this and the next update will amend that. Also, what do you mean errors when clicking it?

3) This is available as default. Edit a page and navigate to: Page Title => Page Title Style => Fancy. Set Fancy Heading Text Align => Center also.

4) Are you referring to the normal search results page? Do you have a live link?

– David.

[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

[David Martin – Support]

Hi,

Are you using a child theme?

1)

If not add this to your CSS:

.ajax-search-wrap .ajax-loading {
    background: transparent url('images/loader.gif') no-repeat center center;
}

You will need to change this images/loader.gif to reflect your image path and image filename.

3)

Are you referring to the page Page Subtitle? Please annotate which part of your screenshot you are referring to.

4)

Cool, that is located /cardinal/swift-framework/core/sf-header.php Locate line 1452 and find /* AJAX SEARCH. The function is sf_ajaxsearch(). Consider using a child theme for amend this.

Thanks,
David.

[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]

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.

[David Martin – Support]

Hi,

1)

The child theme is supplied in the download file from TF. All custom modifications to a theme should be within a child theme, not the main parent theme.

When you update the theme all modifications will be lost, so do use a child theme. Please read the full information on the WP site: https://codex.wordpress.org/Child_Themes

3)

Please set the background for your site within your Theme Options => Background Options. Have you modified the single.php template file?

4) Yes that is correct, please make any changes in the child theme. It’s safer.

Child Theme: What would you like to know specifically, please activate yours (supplied in download zip) and let me know what queries you run into.

5) Please use the Page Builder. Page Builder => Elements => Image. Within the image settings look for “Enable Lightbox Link”.

Thanks,
David.

[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.

[David Martin – Support]

1) Sure that’s correct, looks like you understand it well.

3) I would start by adding single.php to your child theme. You can always target those posts with CSS. Single posts always start with the .single-post in the body classes. You can adjust the layout of only those pages specifically using that.

4) Yes, you add the files you need to edit to the child theme. If you are overriding certain functions or adding your own, please add them to functions.php.

Thanks,
David.

[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?

[David Martin – Support]

Hi,

Have you changed your WP login details? I cannot login.

Your child theme is not active, none of your changes will take any effect?

5) You are using the Meta Slider, unfortunately for that specific query you would need to contact the plugin developer as we do not support 3rd party plugins. https://wordpress.org/plugins/ml-slider/

If your customisation are beyond your scope of knowledge, I recommend you fill out a modification request form and our partners Werkpress will make the changes for you for an agreed price. http://www.swiftideas.com/customization/

Thanks,
David.