Forum Replies Created
-
Posts
-
There are irregular gaps (columns) between the products. It was perfectly fine until I installed the WooCommerce donate plugin.
Ah, never noticed the buttons, good spot, cheers.
I'd like the products to be next to each other just like the theme demo https://demo.seothemes.com/studio-pro/shop/
So how do you implement CSS Grid within the editor area of WordPress?
The tutorial only covers the header area.
Cheers @victorfont I've updated the functions.php file and have given styles.css a higher priority, however, when I tried to give an even higher priority for the custom stylesheet, the page has spat out an error on the top.
//* Loads Responsive Menu, Google Fonts, Icons, and other scripts add_action( 'wp_enqueue_scripts', 'market_enqueue_scripts' ); function market_enqueue_scripts() { wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Gentium+Basic:400,400italic|Arimo:400,400italic|IM+Fell+English:400,400italic|EB+Garamond|Homemade+Apple', array() ); wp_enqueue_style( 'ionicons', '//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css', array(), CHILD_THEME_VERSION ); wp_enqueue_style( 'custom', get_stylesheet_directory_uri() . '/custom.css' ); wp_enqueue_script( 'global-script', get_bloginfo( 'stylesheet_directory' ) . '/js/global.js', array( 'jquery' ), '1.0.0' ); wp_enqueue_script( 'localScroll', get_stylesheet_directory_uri() . '/js/jquery.localScroll.min.js', array( 'scrollTo' ), '1.2.8b', true ); wp_enqueue_script( 'scrollTo', get_stylesheet_directory_uri() . '/js/jquery.scrollTo.min.js', array( 'jquery' ), '1.4.5-beta', true ); wp_enqueue_script( 'market-fadeup-script', get_stylesheet_directory_uri() . '/js/fadeup.js', array( 'jquery' ), '1.0.0', true ); wp_enqueue_script( 'match-height', get_stylesheet_directory_uri() . '/js/jquery.matchHeight-min.js', array( 'jquery' ), '1.0.0', true ); wp_enqueue_script( 'match-height-init', get_stylesheet_directory_uri() . '/js/matchheight-init.js', array( 'match-height' ), '1.0.0', true ); } //* Load main style sheet after WooCommerce */ remove_action( 'genesis_meta', 'genesis_load_stylesheet' ); add_action( 'wp_enqueue_scripts', 'genesis_enqueue_main_stylesheet', 30 ); //change load priority add_action( 'wp_enqueue_scripts', 'custom', 40 ); //custom stylesheetThank you @victorfont I've updated the functions.php file and have given styles.css a higher priority, however, when I tried to give an even higher priority for the custom stylesheet, the page has spat out an error on the top.
//* Loads Responsive Menu, Google Fonts, Icons, and other scripts add_action( 'wp_enqueue_scripts', 'market_enqueue_scripts' ); function market_enqueue_scripts() { wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Gentium+Basic:400,400italic|Arimo:400,400italic|IM+Fell+English:400,400italic|EB+Garamond|Homemade+Apple', array() ); wp_enqueue_style( 'ionicons', '//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css', array(), CHILD_THEME_VERSION ); wp_enqueue_style( 'custom', get_stylesheet_directory_uri() . '/custom.css' ); wp_enqueue_script( 'global-script', get_bloginfo( 'stylesheet_directory' ) . '/js/global.js', array( 'jquery' ), '1.0.0' ); wp_enqueue_script( 'localScroll', get_stylesheet_directory_uri() . '/js/jquery.localScroll.min.js', array( 'scrollTo' ), '1.2.8b', true ); wp_enqueue_script( 'scrollTo', get_stylesheet_directory_uri() . '/js/jquery.scrollTo.min.js', array( 'jquery' ), '1.4.5-beta', true ); wp_enqueue_script( 'market-fadeup-script', get_stylesheet_directory_uri() . '/js/fadeup.js', array( 'jquery' ), '1.0.0', true ); wp_enqueue_script( 'match-height', get_stylesheet_directory_uri() . '/js/jquery.matchHeight-min.js', array( 'jquery' ), '1.0.0', true ); wp_enqueue_script( 'match-height-init', get_stylesheet_directory_uri() . '/js/matchheight-init.js', array( 'match-height' ), '1.0.0', true ); } //* Load main style sheet after WooCommerce */ remove_action( 'genesis_meta', 'genesis_load_stylesheet' ); add_action( 'wp_enqueue_scripts', 'genesis_enqueue_main_stylesheet', 30 ); //change load priority add_action( 'wp_enqueue_scripts', 'custom', 40 ); //custom stylesheetActually one more thing, now that the file has been enqueued correctly, how would you go about making this custom stylesheet more prominent because some the style.css stylesheet is not being overridden by some changes I've made in the custom.css stylesheet.
Ah, that's it @braddalton, thank you very much!
Cheers, whenever I try doing this, it throws the corresponding widget off, I'll have to try another method.
It's sorted, I corrected it by targeting:
.primary-nav .site-header { display: none; }It's strange how the logo was being mirrored, one of the plugins has effected the backend font, highlighting and layout, need to find it.
Cheers.
Cheers @Victor Font, btw below the genesis-nav-menu my logo seems to have been replicated, any reason why this is happening? And I can get rid of this area of the site altogether? When I resort to using:
display: none;However, the logo within the genesis-nav-menu disappears also, somehow they're linked.
Would I need to address this within PHP?
Cheers @braddalton really appreciate the help and good job with the video.
Thanks, appreciate you highlighting the same link @braddalton.
I tried the first approach but I was going around in circles.
I've copied and pasted the code from the link into my functions.php file but I only see options for being to add:
- Changing primary to secondary / vice versa
- Search
- Time and DateHow would I go about adding the logo into the top left or as the first item?
add_filter( 'wp_nav_menu_items', 'theme_menu_extras', 10, 2 ); /** * Filter menu items, appending either a search form or today's date. * * @param string $menu HTML string of list items. * @param stdClass $args Menu arguments. * * @return string Amended HTML string of list items. */ function theme_menu_extras( $menu, $args ) { //* Change 'primary' to 'secondary' to add extras to the secondary navigation menu if ( 'primary' !== $args->theme_location ) return $menu; //* Uncomment this block to add a search form to the navigation menu /* ob_start(); get_search_form(); $search = ob_get_clean(); $menu .= '<li class="right search">' . $search . '</li>'; */ //* Uncomment this block to add the date to the navigation menu /* $menu .= '<li class="right date">' . date_i18n( get_option( 'date_format' ) ) . '</li>'; */ return $menu; }Was I supposed to do this?
//* Reposition the primary navigation menu remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( 'genesis_header', 'genesis_do_nav' );