Gridmarket: change the colour of the top bar, but not the menu bar? and move the cart?

I am using Multisite, Gridmarket and MarketPress.

Using the theme options i have changed the colour of the menu bar which I am happy with but it also adds in a colour bar at the top which i would like to stay white. is this possible to do? I know this will effect the text in the bar too, so that will also need to change.

Also I love the cart feature on the top left of the theme, but i would like to move it to the right hand side of the menu/navigation bar. Is this possible? If so how?

I have previously used wordpress and other themes and managed to change and adjust CSS Stylesheets with no issue but I am finding this theme a little more complicated, so a point in the right direction for everything would be appreciated.

Thank you
http://www.caboodledoo.com

  • Timothy Bowers

    Using the theme options i have changed the colour of the menu bar which I am happy with but it also adds in a colour bar at the top which i would like to stay white. is this possible to do? I know this will effect the text in the bar too, so that will also need to change.

    Sorry which bar do you want white?

    The bright pink one which drops down?

    Perhaps include a screenshot pointing to specifically what you mean please. :slight_smile:

    Also I love the cart feature on the top left of the theme, but i would like to move it to the right hand side of the menu/navigation bar. Is this possible? If so how?

    Sure it's possible. :slight_smile:

    So you want it at the right hand side of the "About us"?

    Just want to confirm those things before I suggest any changes (in case I'm wrong in my interpretation of your post).

    Thanks.

  • Timothy Bowers

    Hey there.

    For the top header add this:

    #header-wrapper {background-color: #fff !important}

    And for the widget area:

    .widget {background-color: #000; }

    Change the colour as you need.

    Then header.php around line 22:

    <?php if ( class_exists( 'MarketPress' ) ) {
    
    						$settings = get_option('mp_settings');
    						if (!$settings['disable_cart']) {
    						?>
    									<div id="cart-contents"><?php _e( 'Cart:', 'framemarket' ) ?> <span><?php echo sprintf(__('%s item(s)', 'framemarket' ), mp_items_count_in_cart()); ?></span></div>
    						<div id="mp-cartsmall">
    									<div id="toggle">
    								<a id="open" class="open button" href="#"><?php _e( 'View Cart', 'framemarket' ) ?></a>
    
    							<a id="close" style="display: none;" class="close button" href="#"><?php _e( 'Hide Cart', 'framemarket' ) ?></a>
    
    							</div>
    						</div>
    
    						<?php
    						}
    							?>
    						<?php  if ( is_multisite() ) {?>
    								<?php
    									$options = get_option('framemarket_theme_options');
    									$showpicker = $options['pickerinput'];
    									if ($showpicker == "Yes"){
    								?>
    						<div id="mp-storepicker">
    							<?php _e( 'Pick a store:', 'framemarket' ) ?>&nbsp;&nbsp;<?php framemarket_listall_shops(); ?>
    						</div>
    						<?php } ?>
    						<?php } ?>
    						<?php
    					}
    					?>

    to around line 176

    You'll also need to move this as well:

    <?php if ( class_exists( 'MarketPress' ) ) {
    					$settings = get_option('mp_settings');
    					if (!$settings['disable_cart']) {
    					?>
    						<div id="panel">
    							<div id="panel-inner" class="mp_cart_widget">
    								<div class="mp_cart_widget_content">
    								<?php echo mp_show_cart('widget'); ?>
    								</div>
    							<div class="clear"></div>
    							</div>
    							<div class="clear"></div>
    					</div>
    					<?php
    					}
    				}
    				?>

    Thats the hidden drop down part.

    When done the navigation-wrapper div will look something like this:

    <div id="navigation-wrapper">
    				<div id="navigation">
    					<?php wp_nav_menu( array('theme_location' => 'main_menu', 'menu_class' => 'nav', 'container' => '', )); ?>
    						<?php if($bp_existed == 'true') : ?>
    							<ul class="nav">
    								<li><a href="">Community</a>
    								<ul class="submenu">
    								<?php if ( 'activity' != bp_dtheme_page_on_front() && bp_is_active( 'activity' ) ) : ?>
    									<li<?php if ( bp_is_page( BP_ACTIVITY_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    										<a href="<?php echo site_url() ?>/<?php echo BP_ACTIVITY_SLUG ?>/" title="<?php _e( 'Activity', 'framemarket' ) ?>"><?php _e( 'Activity', 'framemarket' ) ?></a>
    									</li>
    								<?php endif; ?>
    
    								<li<?php if ( bp_is_page( BP_MEMBERS_SLUG ) || bp_is_member() ) : ?> class="selected"<?php endif; ?>>
    									<a href="<?php echo site_url() ?>/<?php echo BP_MEMBERS_SLUG ?>/" title="<?php _e( 'Members', 'framemarket' ) ?>"><?php _e( 'Members', 'framemarket' ) ?></a>
    								</li>
    
    								<?php if ( bp_is_active( 'groups' ) ) : ?>
    									<li<?php if ( bp_is_page( BP_GROUPS_SLUG ) || bp_is_group() ) : ?> class="selected"<?php endif; ?>>
    										<a href="<?php echo site_url() ?>/<?php echo BP_GROUPS_SLUG ?>/" title="<?php _e( 'Groups', 'framemarket' ) ?>"><?php _e( 'Groups', 'framemarket' ) ?></a>
    									</li>
    
    									<?php if ( bp_is_active( 'forums' ) && ( function_exists( 'bp_forums_is_installed_correctly' ) && !(int) bp_get_option( 'bp-disable-forum-directory' ) ) && bp_forums_is_installed_correctly() ) : ?>
    										<li<?php if ( bp_is_page( BP_FORUMS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    											<a href="<?php echo site_url() ?>/<?php echo BP_FORUMS_SLUG ?>/" title="<?php _e( 'Forums', 'framemarket' ) ?>"><?php _e( 'Forums', 'framemarket' ) ?></a>
    										</li>
    									<?php endif; ?>
    								<?php endif; ?>
    
    								<?php if ( bp_is_active( 'blogs' ) && bp_core_is_multisite() ) : ?>
    									<li<?php if ( bp_is_page( BP_BLOGS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    										<a href="<?php echo site_url() ?>/<?php echo BP_BLOGS_SLUG ?>/" title="<?php _e( 'Blogs', 'framemarket' ) ?>"><?php _e( 'Blogs', 'framemarket' ) ?></a>
    									</li>
    								<?php endif; ?>
    								<?php do_action( 'bp_nav_items' ); ?>
    								</ul>
    								</li>
    							</ul>
    						<?php endif; ?>
    					<div>
    					<?php if ( class_exists( 'MarketPress' ) ) {
    
    						$settings = get_option('mp_settings');
    						if (!$settings['disable_cart']) {
    						?>
    									<div id="cart-contents"><?php _e( 'Cart:', 'framemarket' ) ?> <span><?php echo sprintf(__('%s item(s)', 'framemarket' ), mp_items_count_in_cart()); ?></span></div>
    						<div id="mp-cartsmall">
    									<div id="toggle">
    								<a id="open" class="open button" href="#"><?php _e( 'View Cart', 'framemarket' ) ?></a>
    
    							<a id="close" style="display: none;" class="close button" href="#"><?php _e( 'Hide Cart', 'framemarket' ) ?></a>
    
    							</div>
    						</div>
    
    						<?php
    						}
    							?>
    						<?php  if ( is_multisite() ) {?>
    								<?php
    									$options = get_option('framemarket_theme_options');
    									$showpicker = $options['pickerinput'];
    									if ($showpicker == "Yes"){
    								?>
    						<div id="mp-storepicker">
    							<?php _e( 'Pick a store:', 'framemarket' ) ?>&nbsp;&nbsp;<?php framemarket_listall_shops(); ?>
    						</div>
    						<?php } ?>
    						<?php } ?>
    						<?php
    					}
    					?>
    					</div>
    					<div class="clear"></div>
    				</div>
    				<div class="clear"></div>
    			</div>

    You'll need to test this and check it's all in the right place. I've not tested it fully.

    Hope this helps.

  • maxaud

    To move the buttons you need to open the following file
    \framemarket\themes\gridmarket\header.php

    move the following lines (22-53)

    <?php if ( class_exists( 'MarketPress' ) ) {
    
    						$settings = get_option('mp_settings');
    						if (!$settings['disable_cart']) {
    						?>
    									<div id="cart-contents"><?php _e( 'Cart:', 'framemarket' ) ?> <span><?php echo sprintf(__('%s item(s)', 'framemarket' ), mp_items_count_in_cart()); ?></span></div>
    						<div id="mp-cartsmall">
    									<div id="toggle">
    								<a id="open" class="open button" href="#"><?php _e( 'View Cart', 'framemarket' ) ?></a>
    
    							<a id="close" style="display: none;" class="close button" href="#"><?php _e( 'Hide Cart', 'framemarket' ) ?></a>
    
    							</div>
    						</div>
    
    						<?php
    						}
    							?>
    						<?php  if ( is_multisite() ) {?>
    								<?php
    									$options = get_option('framemarket_theme_options');
    									$showpicker = $options['pickerinput'];
    									if ($showpicker == "Yes"){
    								?>
    						<div id="mp-storepicker">
    							<?php _e( 'Pick a store:', 'framemarket' ) ?>&nbsp;&nbsp;<?php framemarket_listall_shops(); ?>
    						</div>
    						<?php } ?>
    						<?php } ?>
    						<?php
    					}
    					?>

    too the inside of the following divider on line 137

    <div id="navigation">[..code removed..]</div>

    place it right before the: following on line 175
    <div class="clear"></div>

    You would then want to add some CSS to slide those buttons to the right:

    #cart-contents,
    #mp-cartsmall,
    #mp-storepicker {
       float: right !important;
    }
  • nixinixi

    Wow Guys that is fantastic :slight_smile: thank you both for your time.

    Right mixed success.

    I have managed to move the cart which is fantastic :slight_smile:

    But I can't seem to get any of the CSS code to work.

    I had messed a little previously with CSS and non worked so assumed it was me getting it wrong, but I am cutting and pasting the code kindly supplied into the Gridmarket stylesheet and it changes nothing. Any ideas?

    Also - as a result of the cart move the search bar has moved - is it possible to put it back where it was?

    And (last one I promise!) the drop down of the cart is still dropping from the top bar (header wrapper) is it possible to get this to happen under the navigation bar instead?

    I've attached a screenshot if that helps
    Thanks guys

    Nixi

  • maxaud

    Move this code from line 77:

    <?php if ( class_exists( 'MarketPress' ) ) {
    					$settings = get_option('mp_settings');
    					if (!$settings['disable_cart']) {
    					?>
    						<div id="panel">
    							<div id="panel-inner" class="mp_cart_widget">
    								<div class="mp_cart_widget_content">
    								<?php echo mp_show_cart('widget'); ?>
    								</div>
    							<div class="clear"></div>
    							</div>
    							<div class="clear"></div>
    					</div>
    					<?php
    					}
    				}
    				?>

    to after the navigation element at line 179, right before this:
    <?php if($bp_existed == 'true') : ?>

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.