Mark Shirley

Doesnt work for me I still get results from blog archive

I think I might take a different approach and search for a plugin that can search post or pages like “Taxonomy Picker” this is a great plugin but it does not return any custom field content. If anyone knows of a plugin similar that I could search content.

the css I ended using for css to straighten things out is below its from the link provided by yourself. Seems there’s a few bits need sorting with css out of the box.

/* CF7  */

.wpcf7
{
    background-color: RED;
    border: 2px solid #0f0;
    WIDTH: 400PX;
    padding: 15px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
}

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
    padding: 5px !important;
}

button, input, textarea {
    border: 2px solid #CCCCCC !IMPORTANT;
    border-radius: 3px 3px 3px 3px;
    font-family: inherit;
    padding: 0.428571rem;
    max-width: 100%;
}

/*======THIS DIV NEEDS TO WRAP THE FORM=========*/
#contact-form-wrapper {
    margin-top: -30px;
    width: 90%;
}

Hi buzztone I use a plugin https://www.ads-software.com/extend/plugins/grid-columns/ see below for instructions. it lets me add content into the pages and post responsively.

1 install grid-columns by jason tatlock

2 add this to the top of columns.min.css

@media screen and (min-width: 650px) {
.column-grid{clear:both}.column-grid:after{content:".";display:b... etc}

3 here’s some mark-up

[column grid="3" span="1"]
<img src="https://localhost:8888/andrew-john-photography/wp-content/uploads/2013/04/color-dummy.jpg" alt="test" >
<br>
Amet laoreet duis. Augue nec integer. Vitae vel dolor. Egestas sed ac vitae vitae mauris. Eu ac sodales mi sed duis. Metus neque ac. Luctus primis eget vitae aliquam quam. Dictum nibh feugiat in ultricies libero. Vivamus erat tellus. Blandit et sit orci eros cursus. Vulputate in duis vitae elit diam. Bibendum integer lectus. Id vestibulum libero vestibulum ut neque. Est suscipit sed. Id augue pretium. Eu feugiat fusce lectus orci aliquet a odio sodales cum massa a. Pellentesque in interdum ligula elementum vitae. Tellus suspendisse fames leo eget totam. Nulla ac ac lectus diam a eget ut massa. Euismod ipsum tempor mi aliquam nullam. Ligula massa suspendisse nunc sodales ligula pellentesque id enim. Vivamus vel ligula. Quisque at cillum vitae tristique vel torquent vestibulum egestas leo placerat hendrerit. Vestibulum ac dui orci hac dolor id nec eu vel justo gravida. Quis vitae litora. Id quis molestie. Odio aliquam curabitur sapien tellus nam orci ipsum quam a est lacus cras metus mi amet sit praesent. Lorem urna tempor. Elit at felis. Feugiat orci amet ante enim etiam pharetra dolor eget.[/column]

[column grid="3" span="1"]
<img src="https://localhost:8888/andrew-john-photography/wp-content/uploads/2013/04/color-dummy.jpg" alt="test" >
<br>
Amet laoreet duis. Augue nec integer. Vitae vel dolor. Egestas sed ac vitae vitae mauris. Eu ac sodales mi sed duis. Metus neque ac. Luctus primis eget vitae aliquam quam. Dictum nibh feugiat in ultricies libero. Vivamus erat tellus. Blandit et sit orci eros cursus. Vulputate in duis vitae elit diam. Bibendum integer lectus. Id vestibulum libero vestibulum ut neque. Est suscipit sed. Id augue pretium. Eu feugiat fusce lectus orci aliquet a odio sodales cum massa a. Pellentesque in interdum ligula elementum vitae. Tellus suspendisse fames leo eget totam. Nulla ac ac lectus diam a eget ut massa. Euismod ipsum tempor mi aliquam nullam. Ligula massa suspendisse nunc sodales ligula pellentesque id enim. Vivamus vel ligula. Quisque at cillum vitae tristique vel torquent vestibulum egestas leo placerat hendrerit. Vestibulum ac dui orci hac dolor id nec eu vel justo gravida. Quis vitae litora. Id quis molestie. Odio aliquam curabitur sapien tellus nam orci ipsum quam a est lacus cras metus mi amet sit praesent. Lorem urna tempor. Elit at felis. Feugiat orci amet ante enim etiam pharetra dolor eget.[/column]

[column grid="3" span="1"]
<img src="https://localhost:8888/andrew-john-photography/wp-content/uploads/2013/04/color-dummy.jpg" alt="test" >
<br>
Amet laoreet duis. Augue nec integer. Vitae vel dolor. Egestas sed ac vitae vitae mauris. Eu ac sodales mi sed duis. Metus neque ac. Luctus primis eget vitae aliquam quam. Dictum nibh feugiat in ultricies libero. Vivamus erat tellus. Blandit et sit orci eros cursus. Vulputate in duis vitae elit diam. Bibendum integer lectus. Id vestibulum libero vestibulum ut neque. Est suscipit sed. Id augue pretium. Eu feugiat fusce lectus orci aliquet a odio sodales cum massa a. Pellentesque in interdum ligula elementum vitae. Tellus suspendisse fames leo eget totam. Nulla ac ac lectus diam a eget ut massa. Euismod ipsum tempor mi aliquam nullam. Ligula massa suspendisse nunc sodales ligula pellentesque id enim. Vivamus vel ligula. Quisque at cillum vitae tristique vel torquent vestibulum egestas leo placerat hendrerit. Vestibulum ac dui orci hac dolor id nec eu vel justo gravida. Quis vitae litora. Id quis molestie. Odio aliquam curabitur sapien tellus nam orci ipsum quam a est lacus cras metus mi amet sit praesent. Lorem urna tempor. Elit at felis. Feugiat orci amet ante enim etiam pharetra dolor eget.[/column]

Hi Buzztone thanks for the reply, Ive been using CF7 for a few years now on twentyten twentyeleven and now twentytwelve. I know it needs css tweaking but we are talking about the default theme for wordpress. Thanks for the advice Im looking at trying to re-style it. cheers

The above code is for a child theme of twent-twelve

Hi this is the information I got from ubermenu.

edit header.php

From this

<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->

to this

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>

Im using the code below and it works fine. I have tried Amitabha Roy’s code but I cant get it to center accurately on the phone.

<img class="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/new-vanit-hair-logo.png" alt="site logo" />

.site-header hgroup {
display: none;
} 

.site-logo {
	max-width: 100%; height:auto;
	margin-left: auto;
	margin-right: auto;
	display:block;
}

Hi – Thanks to alchymyth his instruction worked fine. Question is it possible to have the image click back to the home page.

Hi dgissen – did ubermenu work with twentytwelve responsively on a mobile

Andrew you posted some code below that centers the text and it works a treat, all im trying to do is move the text in 30px so i can color the nav background and the first menu items not butting against the left side.

.main-navigation ul.nav-menu {
 text-align: center;
}

Yeah and ipad etc but not effecting mobile

Hi Andrew not sure what happend to the last post it just dissapeared

Yeah done that Andrew but then the nav starts going a bit “nuts” when viewed on a phone. ??

I have resolved this is by following the instructions from here

https://www.designmite.com/really-easy-responsive-columns-in-wordpress/