Focus Theme Characteristics I’d like help in achieving, thank you.
1. Logo in top left AND name of site (choice of font)
2. In addition to Home, Categories AND/OR FAT MENU
3. Search doesn’t work (as evidenced with Issue URL, type in ‘unicorn’ … no results, yet ‘swift’ results, in a result)
4. get rid of slider and have more video thumbnails (would rather have more video on home screen)
Thanks
URL: http://contextualadvertisingin2015.com/anthonys_next_ep/
Hi Zarvox
1. To change the Focus site title font insert the following under Appearance > Custom CSS:
/* Focus Change Site Title Font To A Google Font */ /* Use the @import option from Google */ @import url(http://fonts.googleapis.com/css?family=Lobster); /* Apply your font to the site title selector */ #masthead .site-title a { font-family: 'Lobster', cursive; }If you want to use a Google font, change the import statement and font family to match your font. If you don’t want to use a Google font then remove the import statement and just change the font family property.
To position your logo on the far left of the header you could try the following under Appearance > Custom CSS:
/* Focus Left Positioned Logo */ #masthead { position: relative; } #masthead .container { position: initial; } #masthead .site-title { left: 10px; position: absolute; top: 0; }2. Not quite with you there. You can create a custom menu and assign it’s position from Appearance > Menus. Perhaps explain a bit further and we’ll try help.
3. Focus unfortunately doesn’t control search results, this is a feature of the WordPress core. Switching to a default theme like Twenty Fourteen and re-running the search would be a way to confirm this. You could consider a third-party plugin to extend the core’s search ability: https://wordpress.org/plugins/search.php?q=advanced+search&sort=
4. You can control the amount of videos displayed on the home page by increasing the Posts Per Page count at Settings > Reading.
Insert the following under Appearance > Custom CSS to hide the home page slider:
/* Remove Home Page Slider */ #home-slider { display: none; }ok, i really have to apologize on here, my facebook account was used to sign up to this form, and wasn’t receiving any alerts about anything i didn’t have time to check on the forum in a linear fashion and i received the false impression that i bought the premium theme focus and was being ignored, so right now, i will BEGIN reading the responses, thank you Andrew
No problem, thanks for explaining. I’ll remove your other comment. We’re online again tomorrow (GMT+2) and can assist with any further challenges you’re facing.
thanks again,
Let us know how the challenges have gone after going through my replies and I’ll help out from there.
Thanks again Andrew, sincere and helpful appreciation, I haven’t gone thru all of them but I’m happy to say that search appears to be working like I expected, what I’d like to know currently (one thing anyway) is how to make the tags invisible though still connected to the videos i’ve made them for. So, still able to tag, just not have the tags viewable with the posts, just searchable.
Thank you in advance, and again, still sorry about the confusion
Richard
Glad to hear you’ve been making progress.
Don’t forget that if you want your video displayed above the white content box and larger, to add it via the Focus Video plugin. If you scroll down past the Visual Editor on any post you’ll see the Focus Video plugin there. If it’s not there you’ll see a prompt to install it.
Every with CSS wizardry it’s not possible to separate the published date and the tags. There aren’t enough wrapping containers. You could hide all that info by placing the following under Appearance > Custom CSS:
.widget_focus_post_author_widget .post-info { display: none; }I’ll whip up something better in a few mins.
Here is a child theme you can install via Appearance > Themes > Add New: Upload Theme:
https://siteorigin.com/wp-content/uploads/2014/10/focus-child-remove-post-tag-display.zip
It will remove just the tag display line on single posts.
Keep in mind activating a child theme will require Appearance > Menu and Appearance > Customize settings to be re-saved.
(If you are going to be working with lots of posts and would like to have your featured image auto-generated please see my post on this here: https://siteorigin.com/thread/add-automatic-video-featured-imagesthumbnails-to-focus-theme/)
Andrew,
First off, you’re instructions are working pretty much perfectly for what I try, WOW, with the making TAGS invisible. Super great. Where I’m at now is essentially, and I’m a little tired so I should reread this before continuing:
Alright, so what I’m going for now is essentially what I’ve been told is a FAT MENU, http://designinginterfaces.com/patterns/fat-menus/
something like http://www.starbucks.com/ or http://www.overstock.com/?prop45=o.co
so i know that’s a big one, but you know, it’s what i need, not necessarily AS robust, however, at least ROOT categories and then sub categories (one more link, this one with code) http://www.jaredatchison.com/code/split-sub-navigation-items-columns/
and the only other thing is getting the logo in the header somewhere, top left? this logo http://imgur.com/ieNr0B1
so Andrew this should more or less be more or less it, …more or less.
thanks again for everything
Rich
(Andrew)
i’m monetizing the blog and need to add a snippet of code should to be inserted at the very end of your pages, just before the tag.
the code is this
var vglnk = { key: ’03feddf8134a1976f4ce8f66e09011b0′ };
(function(d, t) {
var s = d.createElement(t); s.type = ‘text/javascript’; s.async = true;
s.src = ‘//cdn.viglink.com/api/vglnk.js’;
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, ‘script’));
Glad to hear you’ve been making progress.
Menu:
Focus, as with all our themes, has the ability to add drop down menu items. From Appearance > Menus you can drag menu items a level deeper to create a drop down, you can do this up to four levels deep. Focus unfortunately doesn’t have a Fat Menu. This unfortunately isn’t something we can assist with from a support perspective. It would take custom development work to add this to the theme. You might consider a plugin like http://wpmegamenu.com/. I haven’t ever assisted a client integrate this into Focus but would imagine it could be done. I’ve assisted clients with that plugin and our Vantage theme. In the event you decide to purchase it let me know and I can integrate it into your child theme.
To add your logo please head to Appearance > Theme Settings > General: Logo and add your logo there.
Script:
To add your script I recommend giving a plugin like this a try: https://wordpress.org/plugins/header-and-footer-scripts/. I’d imagine that needs to be wrapped in script tags though. I’ve done so below.
<script type="text/javascript"> var vglnk = { key: ’03feddf8134a1976f4ce8f66e09011b0′ }; (function(d, t) { var s = d.createElement(t); s.type = ‘text/javascript’; s.async = true; s.src = ‘//cdn.viglink.com/api/vglnk.js’; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, ‘script’)); </script>Thank you Andrew, I did get that Uber Menu I can download it for you, it keeps giving me this error [IMG]http://i.imgur.com/MmMp1zL.png[/IMG] haven’t tried the header/footer script though I will give it a try soon. I’m really liking what I see with the Uber Menu though, I’m looking forward to it, great suggestion, grateful.
http://imgur.com/MmMp1zL basically the theme won’t actually let me get to it’s menu and such, as the pic shows, while it may get it into this, i’d imagine the we’d need to integrate it into Focus, and by we, obviously, me following your brilliant instructions. thanks again
I ran through the process on my side and only ran into a problem with the default mobile menu clashing with the Ubermenu mobile menu. To resolve this please head to Appearance > Editor, edit functions.php in your existing child theme that I sent through and add the following under the last line:
// Unhook Focus mobile menufunction unhook_focus_functions() { // Don't forget the position number if the original function has one remove_action('after_setup_theme','focus_premium_theme_init', 11);}add_action('after_setup_theme','unhook_focus_functions');Let me know if you have any questions about that.
I’m not quite following the problem you’re having. Perhaps try temporarily de-activate all plugins besides Ubermenu and see if you’re then able to get past that screen.
Thanks again Andrew, your patience and empathy is truly appreciated, I’m new to WordPress and you’re knowledge is incredible, I’ve deactivated the plugins, some of them, and I’m able to get into the UberMenu panel, now I’m going to follow the script you typed.
Hi Andrew, as always thanks for your expertise, I’ve installed UberMenu though I’m still using the Focus menu, now that I kinda have my head around what’s possible there. Next thing I’d like to try is three parts: 1. top menu, just want to change it from Black to White, the inverse of what’s there, place my logo and finally a GIF.
in this screenshot, http://imgur.com/aIyoeke the box to the left, id kind of like it to float over everything, it’ll act as an instructional and if people want to X out of it they can just click on it, if they want it back they can just click on the logo.
Thanks again, have a good one
For sure. I can assist with the menu but would need to see it live. Please let me know what colors you’re looking to see there. Do you have a link I could look at?
We do as much as possible to help out but I’m afraid you’d need to either look at a plugin or custom development services to handle an info block that can be closed. Focus unfortunately doesn’t come with anything of that nature built in so it puts this outside of our support offering. The window being closed and then not appearing again to that user would mean there would have to be some kind of cookie control going on. I did some searching now but wasn’t able to find a lightbox plugin that is aimed at this sort of task. If you looked for a plugin it would be along those lines, some kind of informational lightbox plugin.
Hi Andrew, ok, had a few things to do didn’t get to this till now, ok: the live link http://contextualadvertisingin2015.com ok so that’s colours.
here’s a new issue http://imgur.com/g7H1jDf
as far as the GIF idea, we can hold off on that for a bit, however, I just saw the greatest menu i’ve seen yet. is there a plugin out there that can do anything like these categories? like rollover and it plays, roll off and it kinda goes back to its first state? if there’s a lightbox gif player plugin or code block plugin that can be injected with it?
I need this essentially cause I’d like a GIF to illustrate some instructions.
Anyway Andrew, totally appreciate everything, thank you.
Thanks for the link. Can you advise what menu colors you’re after? I’ll then draw up that CSS for you.
Does that warning come from Ubermenu? WordPress does struggle to handle very large menus but I don’t believe that’s a default WordPress warning.
I unfortunately don’t know of any other popular menu plugins besides Ubermenu. You’d need to take the plugin route again if there is a menu style you’re after. I unfortunately can’t recommend any in this area.
No problem, nope, that link doesn’t come from UberMenu, I haven’t actually used UberMenu, just have it installed. the colours I want are essentially White Background and Black Text. So I’m just using the Menu that comes from WordPress(?) or from the Focus theme, I’m not sure.
something else I’m working that’s working out except for one small thing,
http://contextualadvertisingin2015.com/ghp-nirvana-rockin-robin/?preview=true&preview_id=41&preview_nonce=89a70744ac
as you can tell the GIFs are vertical (which sucks :) I’m trying to get them side by side, i’m really looking online and i know i’ll maybe find it, however, i’d be dumb not to ask since you probably know this, cuz i think it’s an old problem. thanks in advance
this is the embed code below, all i’ve changed are the resolution settings
thanks Andrew
whoops
Ok, here’s a mind blower, shockingly, i figured out how to do the side by side GIF display, literally dragging and placing the GIFs side by side using the visual tab.
So I’m about to pass out, however, can i place a GIF or two where the slider is? Like replace the thumbs with two gifs? if not, can i pin a GIF in the header say like in the top left of the screen? I’ll set it to play on hover and this is where i’ll provide an explanation about a few things about the type of videos i have going on.
thanks Andrew, still can’t believe i figured that out…pretty hilarious
Ok so it seems the only thing I need help on now is the colours, thanks
Really glad to hear you’ve been making solid progress here. Thanks for the wait. Try the following under Appearance > Custom CSS for the menu adjustments:
/* Focus Menu */ #masthead { background-image: none; background: #fff; color: #000; } #masthead .site-navigation .menu-wrapper a { color: #000; } #masthead .site-navigation .menu-wrapper a:hover { color: #666; } #masthead .site-navigation .menu-wrapper ul ul { background: #fff; }will do Andrew, I’m waiting to hear back from my service provider about this menu error, http://imgur.com/g7H1jDf
after this is sorted, i’ll be ready for some users. like 10 users i’ll be ready for :)
For sure. Let me know how that goes. Definitely a new error presentation for me. Chat soon.
Well the menu is sorted as far as vars they bumped me up to 3000, however the new changes look nice however the site name i think was white so now it’s invisible, i apologize for not knowing how to switch that Legend text to black, seems the only colour adjustment is the background in the theme interface, thanks Andrew.
This does unfortunately need to be done with CSS. Once a logo is added at Appearance > Theme Settings > General the site title is no longer visible. It’s a one or the other type of situation.
The Focus site title can be controlled with the following selector:
/* Focus Site Title */ #masthead .site-title a { color: #000; }hey Andrew, everything has worked, except I guess I didn’t quite understand how to get the name to appear, I just put it in the custom css parameter, got me thinking though, could i place a pic in the menu bar next to my scaled icon, on the left of it? http://imgur.com/6v5mbEw it’s a png, cause that would be better than i can just have it look nice and not have it be an actual font.
thanks man, seriously instrumental here, you’ve helped me make this real
oh and since it’s a black png it’ll be invisible till you click on the area above the timestamp etc
The site title only appears if no logo has been added. You can either have a logo or a site title but not both. Hope that helps clear it up a little.
What about combing the two images you’re discussing. The scaled icon and the black png. Then add the combined image into the logo field in theme settings?
good idea, i’ll try that, please excuse my thick headedness :)
Hey Andrew, here’s something weird that’s happening with the menu, I’m not able to add more categories for some reason, granted I have a lot of categories and sub categories, the two tabs are ticked as well at the bottom of the menu, however it seems to no longer populate with categories. Any thoughts?
also, just to be sure it’s not the same problem with the vars: http://imgur.com/gMfeczj
WordPress restricts it’s own menu but own much further down the line, I think around 99 items. I don’t think you’re there yet. What error do you see? Do your new items get added to the admin but not the front end or not at all? It’s possible it’s hosting related. Try adding a test page to the menu to confirm it’s not a specific category issue.
ok if they only allow 99 items I’m at 119, so there’s the problem, is there a way around this at all?
Has to do with vars as you’ve looked at already. Here is some more info on a possible hosting side fix: http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/.
ok so, in this link http://imgur.com/gMfeczj it’s a pic of my hosting company telling me I’ve been bumped up from 1000 to 3000 in the vars area, cause I don’t get this error any more http://imgur.com/g7H1jDf so…? my hosting provider or the fact that i’ve got over 99 items in categories?
I’m not sure. I haven’t worked on this personally ever. Going on the WP Beginner post it sounds like bumping that up to 5000 might resolve the menu limitation challenge.
Hopefully I understood your question there.
To confirm it is just about the menu and not just categories you could try adding a test page and see if that can be added.
i added this http://contextualadvertisingin2015.com/test/ however i don’t see it anywhere if you go to trylegend.com or http://contextualadvertisingin2015.com/ where would i see it do you think?
Did you add test to your menu at Appearance > Menus? If so, did you add it to the top level?
ok, so after following that helpful hint (duh I my side, I guess I’m tired it’s 3AM here) it shows up, however, here’s something strange, each time I alter the categories or anything on the menu side, I have to go into the MANAGE LOCATIONS and switch it back to my Primary Menu, which is called The Menu.
However, on what I guess is the plus side, I was able to add a page, which, I’m guessing can function like a Category or Menu item. I’m going to try and add subcategories to the new page right now. I’ll let you know if it works.
yeah, it’s only letting me keep SEVEN items in the MENU, it’s always knocking out whatever is on the furthest right to the MENU
Can you add the Test page as a menu sub-item and successfully publish that?
(It does sound like the menu is at it’s max and asking the hosts to bump vars up to 5000 might be the solution).
Ok. So it’ll let me add Pages, which will enable the appearance of MENU items, however the subcategory items won’t add to the PAGES. in order to have subcategories, would I have to just create a lot of SUB PAGES? instead of SUB CATEGORIES? I hope it’s just the vars thing, to be honest.
That’s strange that you can add a page and not an additional category.
You could try this as a workaround. Add Link item and use the category link as the url.
yeah, it’s limiting me overall, and I still don’t know why I keep have to reselect my main THE MENU after altering the menu, I continuously have to check MANAGE LOCATIONS, reselecting the MENU. I’m firing off another email to my Hosting Solution. Oh well, eventually this will get sorted, I thought of using that UberMenu thing, but it’ll screw up my precious CSS so i just deactivated it. A person with a bit more skills than I could get it to do what they want, but I liked the default Menu’s look and functionality, I just don’t like not being able to add my subcategories. Thanks for your help today though, I’ll let you know what they hosters have to say.
My brain is mush now, I’ll check out your suggestion, however, I’m kind of annoyed at the hosting solution, because I think it may be with them that this problem is existing. Either way, this’ll eventually get sorted. I’ll keep you posted
For sure. Hopefully this limit can be raised. Chat soon.
@Zarvox I had this problem adding extras to my menu and I can confirm that it WAS a vars issue. This was resolve immediately after raising my max_input_vars to 5000
Hopr this helps you out
Thanks for your feedback there Magus. Much appreciated.
Yes thank you Magus, they’ve bumped it up to 8000, still nothing, I’m uploading a screencast to google drive to show what I mean. Pausing on this issue for a moment, a situation has popped up that perhaps might be useful to others. In this video at the …or around the 2:16-2:18 mark, i go to the MUSIC category of which there are 3 subs and then subs of the subs, since this category is at the right edge of the screen, is it possible to have the VIEWS subcategory display out to the LEFT rather than the RIGHT? I mean, I know it’s probably possible, I just am not sure what syntactical technique in the Custom CSS is needed. ok, here’s the link https://drive.google.com/file/d/0B8lYbOIIlowdQ19tR3psTFQtOGs/view?usp=sharing
ok Andrew, hopefully this link works, chat soon-ish
You could try something like this for your Music menu item:
#masthead .site-navigation .menu-wrapper #menu-item-59 ul ul { left: -100%; }I’m not sure about the menu limit problem. Any chance the change from the host might take some time to take effect? Perhaps re-try a bit later on today?
I will, we’ll see, hopefully.
Thanks.
oh and thank you very much for that code I will be sure to use it, I just hope this weirdness with menu figures itself out.
Hey Andrew I tried your code and it did the trick, just noticed the tiles on the homepage http://www.trylegend.com went from being 3×3 thumbnail grid to some weird configuration, asymmetrical, any ideas? thank you
You can resolve that problem by running:
http://wordpress.org/plugins/regenerate-thumbnails/
hey Andrew, didn’t seem to work, though the plugin did in fact work http://imgur.com/VUToF0N nothing seems to have changed, it’s weird there’s a blank spot http://contextualadvertisingin2015.com
Try running it one more time.
yeah I did do that, I’ll try adding another post. Thank you for your help, gonna crash now, start fresh in a few hours. did you get a chance to see that Google Drive link? I’m not crazy (don’t answer that) what I mean is, I’m not doing anything to cause that kind of behaviour right? Like based on the video I’m just adding categories and if the Vars are at 8000 like they say, it should, theoretically work?
Otherwise try this for fixing the thumbnail issue:
.loop-container article img.attachment-post-thumbnail { max-height: 162px; }With vars increased the menu should work. Perhaps re-look at it tomorrow. I can login and take a look on Monday if there is still no progress.
sounds good, i just added one more post and it made it weirder, thanks again Andrew, I’ll try this right now
that fixed it, WICKED. have a great rest of the day
Super, you too.
hey Andrew hope you had a nice weekend and are having a good week. So I’m attempting to move over to godaddy for my hosting of the site. it’s going ok, however, running into a couple of snags that they (godaddy) suggested i try this to increase the possibility of succesfully migrating with their auto wordpress migration feature.
they suggested deactivating all the plugins, ok, no big problem there, and also though, changing the theme to the generic 2014 then attempt the auto migrate and once migrated, go back to my Focus theme. So my question to is, to do this, would I active this http://imgur.com/AbmTsGB upon migration to reintegrate back into focus, thanks in advance,
Hi! After migrating you would activate the child theme, but the parent theme must be installed.
If possible, review the site at it’s new location before deleting anything on the original server.
Hey Andrew, long time, so of course, I basically did everything incorrectly, except i still have my posts, just in the process of reverse installing everything, plugins, i did what i thought was a backup but wasn’t, i just backed up my cPanel, which seems was only the folders of my wp and not the all important database tables.
So where am I exactly? I deleted all the plugins, reverted the theme to 2014, i’ve since returned to the Child Focus and now with the help of the extensive screenshots and wp folder backup, i’m finding all the plugins. This was after numerous attempts to even figure out the wording of what I wanted to do, which in the end has proven more or less impossible because of the sql file not being generated before i effectively gutted the plugins.
Not a huge deal since at least my posts are there, just would’ve liked it to go, you know, automatically.
So, no progress on the menu vars still for another little bit. Just bringing you up to date,
Really sorry to hear that.
Duplicator is a nice plugin to use for backups in the future.
Tools > Export gives you a content only backup, that can also be handy.
Let us know how it all goes.
hey Andrew how’s it going, so everything seems back on track finally, http://contextualadvertisingin2015.com
one small thing, my search icon in the header is invisible, it’s there, next to the logo, on the right, you click in that general area and the box comes out, however I was wondering if I can make it black to have it visible?
thanks again,
Rich
Hi Rich
Glad to hear things are coming along.
What about disabling the Vantage search via Theme Settings and rather rolling out a search button via Ubermenu?
http://sevenspark.com/docs/ubermenu-search-bar