Forum Replies Created
-
AuthorPosts
-
OK, thanks — I’ll pass that on to the client.
How about for something like Montserrat Light Italic? I’m trying to use Montserrat Light for my headings and Montserrat Light Italic for my body font. I have the following code in the child theme. Montserrat 300 shows at the bottom of both font lists in the General Styling options, but I”m not seeing Montserrat:300i in the body font list, and selecting those still just seems to give me Montserrat Regular. Is my code correct? I have this site in Maintenance Mode, so I’ll provide credentials.
Thanks!
.
`<?php/* ADD GOOGLE FONT */
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Montserrat:300’] = ‘Montserrat:300’;
return $fonts;
}add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Montserrat:300i’] = ‘Montserrat:300i’;
return $fonts;
}- This reply was modified 6 years, 3 months ago by Basilis.
August 28, 2018 at 2:07 am in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #1002488Ah, so I guess she sent me something in the private field, not realizing I wouldn’t be able to see it.
Anyway, yes, as I noted in my original post, I uploaded the marker at 220x220px.
I can see in the code that the 80×80 image is being pulled/used, but the css still says 40×40 in two places (see: https://screencast.com/t/extoWWaJl ). But like Victoria said, changing the css in the inspector doesn’t seem to work.
Any other ideas?
August 24, 2018 at 6:58 pm in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #1001344Thanks, Rikard, but Iwhy would I not be able to see a moderator’s response to my comment just because I didn’t start the thread? Why can I see your response and not her’s? And I see how it doesn’t seem to be reacting to css changes — interesting! So, is she / are you still looking into this?
Thanks!
August 24, 2018 at 2:43 am in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #1001017I don’t see any content in your last post — just Hi and Best regards — did you mean to say/add something?
August 22, 2018 at 5:57 pm in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #1000448Sure, I put the credentials in the Private Content… but ohhh, I think I just figured it out in trying to explain, here: The issue is in the maps on both the home page and contact page (http://storeyfitness.com/contact/). I see the element is pulling the 80×80 image — http://storeyfitness.com/wp-content/uploads/storey-fitness-220-bw-1-80×80.png — but I think the issue might be that it only shows as 40×40 on my retina screen. I just got this new macbook pro laptop and I’m just learning about that issue. If you agree, any suggestions s to how to counter that? I still don’t quite understand the issue. Thanks!
August 21, 2018 at 8:23 pm in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #999998Thanks, but I saw that thread and, while I didn’t read it thoroughly, it looks to me like that’s referring to a request to set a CUSTOM marker size — I’m just trying to figure out why the options/sizes already available in the element don’t seem to be working. I.e., why, when I set the option to 80x80pz is it still showing at 40x40px? I think axlright, above had the same question.
August 21, 2018 at 4:22 am in reply to: Custom Map Marker Image Size : Won't Display at 80x80px #999663I’m having the same issue, here, at http://storeyfitness.com/contact/ — I uploaded the marker at 220x220px and set the custom size in the map element to 80x80px, but it seems to be “stuck” at 40x40px — cleared my cache to no avail. Any clues for us?
You can close it. Thanks.
OK, great, and thanks ;)
Thanks, Rikard, but that still left what looked like an empty column to the right of the content and left of the sidebar:
https://www.evernote.com/shard/s320/sh/e239d2ae-8e28-4673-8c67-3ae4729f81a1/4c32cbfc21698e9b6a0f147871c6b8a2
https://www.evernote.com/shard/s320/sh/f1f713c5-dc23-49ef-8bfa-bb24c571ce9f/b725e132e98742276e9fae72dd472cd5I added some css which seems to handle that, but I’m not sure if it’s the best method or if it will maybe negatively affect other things in the site.
Also, the iPad Pro portrait layout — at 1024px wide — is wide enough to accommodate the right column, so I dropped the max width down to 1023px — maybe there’s a better/lower, more standard width I should use for that?
Finally, I left in my css for reducing the padding in the content and sidebar, for the iPad Pro portrait layout, since it was still a tad cramped.
So here’s what I ended up with, in total (including what you sent me above) — please let me know if you see any problems with this or have any suggestions for improvement, streamlining, etc.
Thanks!
/* MOVE SIDEBAR DOWN BELOW CONTENT IN TABLET PORTRAIT VIEW */ @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) { .container .av-content-small.units { width: 100% !important; } .content .entry-content-wrapper { padding-right: 0; } .content { border-right: none; } .inner_sidebar { margin-left: 0; } #top #main .sidebar { border-left: none; overflow: visible; } } /* REDUCE PADDING IN IPAD PRO PORTRAIT VIEW */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) { .container { padding: 0px 30px; } .content, .sidebar { padding-top: 20px; } .inner_sidebar { margin-left: 30px; } }
- This reply was modified 6 years, 5 months ago by sky19er.
Well, the site’s still in development, so I’d have to give you credentials to view it, but here’s a screen grab as an example — https://www.evernote.com/shard/s320/sh/ec51a205-d48a-4f28-9aa6-691cce92340d/232322d2f620236a3355e1f253484ba6 — see how all the columns are cramped — especially the sidebar (and this is after I’ve already done some work to remove some padding there). This has always been a problem with Enfold’s iPad portrait layouts, in my opinion — that view is too narrow for a sidebar, and if there’s a sidebar, there’s not enough room for two columns in the body area.
Thanks and leet me know if you have any other questions.
OK, thanks — yep; close it.
Hmm, I ‘m not sure what I might have done, but all of the sudden the sidebar navigation for the new/2nd site I referred to above has the same/good styling as the first site — any idea what might have happened here?
Thanks and sorry for the false alarm, I guess ;)
OK, but before I do that, the reason I’m asking is because I suspect the default, no predefined color scheme also provides way better styling of the sidebar automatic “Page Sidebar navigation”.
I have one site which I left with the default, no predefined color scheme, and the sidebar navigation styling is great (see https://www.evernote.com/shard/s320/sh/a6d52cbe-5c4e-4fa9-bc93-e8058ed3781d/b0922360e76392b31fa7463c2f0c11ad ).
And another where, no matter which predefined color scheme I choose, the sidebar navigation seems kind of lame ( https://www.evernote.com/shard/s320/sh/2360732d-10a7-4091-92aa-8275c8ecf995/0a86324ae06ebb62b0f39d4ed9ab7ff6 — no indenting of child pages, no background color on current page item, bigger font, no spacing, etc. (note, I’m just starting on this site, so everything else is pretty lame, too ;)).
Do you think this is indeed do to the default / no predefined color scheme providing better styling for that sidebar menu? Is there a way to get that good sidebar nav styling without reverting and losing all my other theme options? Should I start a new thread for this?
Thes sites are both in development, so I’ll include credentials for both, here.
Thanks and let me know if you have any other questions.
June 12, 2018 at 9:05 pm in reply to: h2 in advanced layout editor shows as smaller than other lower level headings #971843Nice, thanks!!
Nice — perfect!! Thank you!!
June 10, 2018 at 7:10 pm in reply to: h2 in advanced layout editor shows as smaller than other lower level headings #970845It works, it’s just sloppy and unprofessional looking. If I hand the site off to a client and I’m training them on how to use the ALE (advanced layout editor), I have to say something like “those are actually h2s — even though they look smaller than the h3, they’re actually bigger when you view them on the front end”. It just looks and sounds unprofessional, and it weakens the credibility of the theme. Sometimes i even let potential clients take a look at the ALE, to show them how easy it is to use — then that little h2 thing really sucks, when I’m trying to actually land a client / sell them on using Enfold ;) Does that make sense?
Thanks and let me know if you have any other questions.
You have to be logged into the admin to view the site (credentials in Private Content). I’m referring to the Annual Symposium section — http://03601fe.netsolhost.com/wordpress1/annual-symposium/. When someone clicks on the Photo Entries page — http://03601fe.netsolhost.com/wordpress1/annual-symposium/annual-photo-contest/photo-entries/ — I’d like the sidebar menu title to remain as Annual Symposium instead of changing to Photo Contest.
Thanks and let me know if you have any other questions.
June 7, 2018 at 1:53 pm in reply to: h2 in advanced layout editor shows as smaller than other lower level headings #968776That’s crazy — it’s been that way on every install for me, for over a year — probably 20 different installs, on various hosts, with all sites being updated as new versions of plugins, wordpress and enfold are released. I’ll include the credentials for this install in the private content field.
Thanks and let me know if you have any other questions.
Sorry, false alarm, I guess I figured that out — I just removed the class in the function, right below that comment, so the code now looks like as shown below. But that didn’t handle what I was hoping it would also solve which is, once I click on a child page, the menu title changes to the parent of that child. Is there a way to tweak this code so that the title doesn’t change when you click on the child (i.e., so the menu/section title stays the same for the whole section)? Maybe you want me to start a new thread for this?
function avia_sidebar_menu($echo = true) { $sidebar_menu = ""; $subNav = avia_get_option('page_nesting_nav'); $the_id = @get_the_ID(); $args = array(); global $post; if($subNav && $subNav != 'disabled' && !empty($the_id) && is_page()) { $subNav = false; $parent = $post->ID; $sidebar_menu = ""; if (!empty($post->post_parent)) { if(isset($post->ancestors)) $ancestors = $post->ancestors; if(!isset($ancestors)) $ancestors = get_post_ancestors($post->ID); $root = count($ancestors)-1; $parent = $ancestors[$root]; } $args = array('title_li'=>'', 'child_of'=>$parent, 'echo'=>0, 'sort_column'=>'menu_order, post_title'); //enables user to change query args $args = apply_filters('avia_sidebar_menu_args', $args, $post); //hide or show child pages in menu - if the class is set to 'widget_nav_hide_child' the child pages will be hidden $display_child_pages = apply_filters('avia_sidebar_menu_display_child', $args, $post); $children = wp_list_pages($args); if ($children) { $default_sidebar = false; $parent = get_the_title($post->post_parent); $parentlink = get_the_permalink($post->post_parent); $sidebar_menu .= "<nav class='widget widget_nav_menu $display_child_pages'><ul class='nested_nav'>"; $sidebar_menu .= "<h3 class='widgettitle'><a href='{$parentlink}'>$parent</a></h3>"; $sidebar_menu .= $children; $sidebar_menu .= "</ul></nav>"; } } $sidebar_menu = apply_filters('avf_sidebar_menu_filter', $sidebar_menu, $args, $post); if($echo == true) { echo $sidebar_menu; } else { return $sidebar_menu; } }
Thanks, you can close it.
OK, fair enough, thanks anyway.
OK, now it’s back to showing the alternate logo for all mobile views, including iPad Pro landscape (1366px wide), which is the only mobile layout I have using the desktop layout (left column layout). So, I’m still hoping to get the default logo to show in that iPad Pro landscape layout. One more try? ;)
Thanks again and let me know if you have any other questions.
Thanks, but I don’t have all the mobile devices needed to check on actual mobile devices. But I see a change in the Chrome Inspector Emulator — now it looks like the alternate logo is only being used up to max width 768 — I need it for set to max width 1024.
Thanks again and let me know if you have any other questions.
Thanks, Basilis, but I’m sorry, I don’t actually “know” php, and I can’t seem to figure out how to use this code. So, now I have both snippets in there, as shown below. Do I need one of those “add_filter” or “add_action” lines for this new snippet to work?
BTW, I added some css so that the only mobile version still using the Left Column Layout (and therefore still needing the default logo) is iPad Pro landscape (or anything above 1024px wide, so that’s all I need to target in terms of still using the default logo for mobile.
So can you help me tweak this so the default logo is still used on mobile devices with a viewport wider than 1024px (like iPad Pro landscape)?
Thanks and let me know if you have any other questions.
`function custom_wp_is_mobile() {
static $is_mobile;if ( isset($is_mobile) )
return $is_mobile;if ( empty($_SERVER[‘HTTP_USER_AGENT’]) ) {
$is_mobile = false;
} elseif (
strpos($_SERVER[‘HTTP_USER_AGENT’], ‘Android’) !== false
|| strpos($_SERVER[‘HTTP_USER_AGENT’], ‘Silk/’) !== false
|| strpos($_SERVER[‘HTTP_USER_AGENT’], ‘Kindle’) !== false
|| strpos($_SERVER[‘HTTP_USER_AGENT’], ‘BlackBerry’) !== false
|| strpos($_SERVER[‘HTTP_USER_AGENT’], ‘Opera Mini’) !== false ) {
$is_mobile = true;
} elseif (strpos($_SERVER[‘HTTP_USER_AGENT’], ‘Mobile’) !== false && strpos($_SERVER[‘HTTP_USER_AGENT’], ‘iPad’) == false) {
$is_mobile = true;
} elseif (strpos($_SERVER[‘HTTP_USER_AGENT’], ‘iPad’) !== false) {
$is_mobile = false;
} else {
$is_mobile = false;
}return $is_mobile;
}add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo) {
if(wp_is_mobile( ) )
{
$logo = “http://03601fe.netsolhost.com/wordpress1/wp-content/uploads/desert-tortoise-council-logo-horizontal.png”;
}
return $logo;
}Nice, that works — I just had to then add some css to hide those widgets in mobile views, when the header switches to top/horizontal, Thanks Mike!
May 21, 2018 at 4:54 pm in reply to: Change when Enfold switches to Mobile while using left main menu. #959854Nice, that works! Thanks, Victoria!
May 21, 2018 at 10:40 am in reply to: Change when Enfold switches to Mobile while using left main menu. #959631Thanks, haydaw, but when I use your code (and remove any media queries I had pertaining to the header), the burger/mobile menu disappears — are you not having that issue?
Enfold team, can you provide a solution for switching to the horizontal header for any view less than 1024px wide? I’ve always found the tablet/portrait layouts to be too scrunched/crowded/cramped with the left/right column layout.
My site is hidden from the public, but I’ve provide credentials in the Private Content field.
Thanks and let me know if you have any questions.
Ahh, well, it looks/sounds to me like you’re adding a widget area via custom code, but adding that widget area is an option already available in the theme, in the General Layout pane, when you have the Left Sidebar Layout selected (see screen grab linked below). So when you do it that way, I’m guessing it’ll be the same as mine.
So is that the best solution; to add the widget via code instead of the theme option? I went ahead and created a user for you, so you can access the site (including in Private Content field).
Thanks and let me know if you have any other questions.
-
AuthorPosts