Forum Replies Created
-
AuthorPosts
-
carasmoParticipant
Currently you have one Google font available, the one being used. You would add google fonts to Genesis (there's many tutorials out there):
https://restored316designs.com/blog/2016/08/22/how-to-change-your-fonts-using-google-fonts/
Then add the font-family property to the declaration in the ticks:
.responsive-menu-icon::after { color: #333; content: ''; display: inline-block; position: relative; top: -6px; font-size: 12px; font-family: 'Name of Font as per Google Instructions'; }
carasmoParticipantCombining requires jQuery.
You can add text with CSS. When logged in, go to
Appearance > Customizer and choose the panel Additional CSS. Then paste this in:
Assumes you have 4.7 or higher WordPress running.
.site-header .responsive-menu-icon::before { padding-right: 10px; } .responsive-menu-icon::after { color: #333; content: ''; display: inline-block; position: relative; top: -6px; font-size: 12px; } /* top menu burger */ .site-header .responsive-menu-icon::after { content: 'Top Menu'; /* Change the text inside the ticks*/ } /* second menu burger */ .nav-secondary .responsive-menu-icon::after { content: 'Secondary Menu'; /* Change the text inside the ticks*/ }
carasmoParticipantOn the front end, in the editor, to display code to share you would put the code that escaped (the one in the first screen shot) in between
<pre></pre>
tags.
carasmoParticipantCheck the images in the browser:
That is the white logo. It's massive (too big) but it's crisp when reduced down. You make the source twice the size it will display at it's largest. (Google retina images for background CSS).
Look at the positive logo:
That is blurry to start with. The source image should be twice as large as it will display.
carasmoParticipantcarasmoParticipantYou don't need to do that to prevent the client changing anything. https://wordpress.org/plugins/user-role-editor/
carasmoParticipantWhy would someone do that? It's lazy. Just use the editor and/or custom fields so the client doesn't have to mess with html.
carasmoParticipantIf you sign up with KnowTheCode.io, you'll learn a better way.
Also read Bill Erickson's blog. Purchase the Studio Press theme developer package, learn from the code in those themes. I dig code by Robert Neu http://robneu.com/ who works on Foodie Pro, Brunch Pro and the Cooked Plugin.
carasmoParticipantYes, there is a better way to remove all markup. It's this:
https://www.billerickson.net/full-width-landing-pages-in-genesis/
Don't use
genesis();
on the page.So make a template page front-page.php
and on it create your function where the content is going to go or create a hook area.
get_header(); your_content(); get_footer();
carasmoParticipantI suggest opening a support ticket here: https://wordpress.org/support/plugin/genesis-simple-edits
carasmoParticipantFor a while now the recommended way is the customizer and not an options page. But there are ways to add settings to a child theme and create an options page for a child theme in Genesis (this is old, you will need to adjust the markup to tables as per https://www.billerickson.net/admin-pages-with-genesis/).
There are many tuts out there on learning the Customizer but it's best to start with the official docs (https://developer.wordpress.org/themes/customize-api/).
carasmoParticipantAlso check out: https://sridharkatakam.com/filter-posts-categories-using-facetwp-genesis/
It's not a Genesis specific situation.
carasmoParticipantThat is the hamburger menu icon (which is three spans in Bootstrap) is in nav.php but the walker (the menu markup) is another file.
carasmoParticipantIn the case of a Bootstrap child theme, the markup specific to Bootstrap components is in the child theme.
I either search a directory, or if in GitHub, search the repo. If you want the hamburger menu, then you search for the class that Bootstrap uses:
navbar-toggle
.https://github.com/salcode/bootstrap-genesis/search?utf8=%E2%9C%93&q=navbar-toggle&type=
Then you'll see that in this situation, the markup is in lib/nav.php in the child theme.
July 3, 2017 at 8:38 am in reply to: Amazon CPM ads not showing up in text widgets after WP 4.8, Genesis 2.5.2 update #208611carasmoParticipantJuly 3, 2017 at 7:47 am in reply to: Amazon CPM ads not showing up in text widgets after WP 4.8, Genesis 2.5.2 update #208606carasmoParticipantThe code where it is not showing up is writing to a div with the id
mNSC
which is not there.
carasmoParticipantThe screen shot from the SP Demo is an iframe, I didn't look at the other.
The theme uses a vh (viewport height) on the .front-page-1 on larger viewports but at max-width 800px, it sets the height to auto. Probably because of IOS vh unit bug or other issues.
If you change CSS, there is no way to tell if it works across other devices and browsers unless you test. I use CrossBrowserTesting.
carasmoParticipantYou're missing the jQuery, probably due the plugin that is creating asynchronous js.
I would turn off all the plugins one by one and test each time, clear any cache locally and with your caching plugin, then you can see what plugin is doing that and look up in the plugin's documentation on how to skip certain files.
carasmoParticipantThat is expected behavior. The bottom of the last section will show because the height of that content is greater than the height of the space available and it will be different on orientation change too.
Resizing a viewport whether by dragging or with iframe (like in the screen shots) is not the way to test behavior or how things look on a phone. Use an actual smart phone.
June 23, 2017 at 5:59 am in reply to: Woocommerce 3.0 and Gallery Space below Main product image #208155carasmoParticipantRobert: The html can't be adjusted. It's generated by WooCommerce. There are also no CSS fixes, since the height is calculated in jQuery.
Regarding the filter:
With a code editor and FTP, go to the very bottom and outside of all other brackets (all functions), you can paste in this filter that turns on SmoothHeight.
// Woocommerce Flex Slider Filter Config function sddarkman619_single_product_carousel_options_callback( ) { return array( 'rtl' => is_rtl(), //rtl 'animation' => 'slide', 'smoothHeight' => true, 'directionNav' => false, 'controlNav' => 'thumbnails', 'slideshow' => false, 'animationSpeed' => 500, 'animationLoop' => false, // Breaks photoswipe pagination if true. ); } add_filter( 'woocommerce_single_product_carousel_options', 'sddarkman619_single_product_carousel_options_callback', 10, 3 );
-
AuthorPosts