SaraLuisa

My apologies I wasn’t at my usual computer this week. I want to say a big thank you for your help and the detailed screencast (I have learnt a lot from it). You explained it very clearly and answered my queries. Thank you again, I really appreciate it.

It has been fixed, thank you

Hi @purplecodes, apologies I missed your reply. Thank you for your suggestion. I redesigned the website so I don’t need the footer to be one column. Thanks again for responding.

Thank you @bcworkz for the css (cover and contain both worked for me). Also thank you for letting me know about @ and being careful how I write / use it.

Thanks again

Thank you @bcworkz for explaining, I understand better now. Is it possible to have a @media css so I can make the image fit the height of the container?

I found the error – the wpform wrapper was set too large for mobile devices. I’m going to mark this closed.

Thank you so much George and Corrinarusso. Works perfectly now. I don’t know how I missed the tel:

Thanks again, much appreciated

Hi Nick, thanks for the advice. I will try the ‘float:right’ and let you know how I get on.

Thanks again

Sara

Hi Nick,

Could you help me with the following: I have set up the webpage on desktop (weddings.trueshotphotography.ie/wedding-reviews/) and it all looks great except when viewed on mobile devices ie smaller screens. I had to insert some padding as the page template is 100% width, this padding is not needed when viewing on mobile devices. I’m assuming some css code would eliminate the padding when viewed on mobile devices but any code I have inserted is not working. The css I have is:

/* Wedding reviews */
.review-text-left-class-first{
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 100px;
box-sizing: border-box;
}
.review-image-right-class{
padding-top: 50px;
padding-right: 100px;
padding-bottom: 50px;
padding-left: 30px;
box-sizing: border-box;
}
.review-image-left-class-first{
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 100px;
box-sizing: border-box;
}
.review-text-right-class{
padding-top: 50px;
padding-right: 100px;
padding-bottom: 50px;
padding-left: 30px;
box-sizing: border-box;
}

Also is it possible to arrange the order of each column when viewed on mobile devices. If possible I would love to have the text and then the relevant image to follow but this doesn’t happen automatically because I have set up the image and text to alternate. In case I’m not explaining properly this is an example of a page that I’m trying to achieve – https://www.studioimpressions.com.au/brisbane-wedding-photographer/ and scroll down to Brisbane Cathedrals and Churches.

I appreciate any help you could give.

Thanks

Sara

Hi Jess,

Thank you very much. I used the CSS and it worked perfectly!

Thanks again, much appreciated.

Sara

Hi Jess,

Thank you for the code for the asterisk colour and link to tutorials.

The web page is weddings.trueshotphotography.ie/weddings (it’s a work in progress). I would love to have the message box the same width as the others ie so the fields line up right and left.

Really appreciate your help, thank you.

Hi Nick,

Thank you so much, that worked. And I appreciate the quick response.

Thanks again

Sara

Hi Nick,

That was a quick response! Thank you. I am only just setting up the page – weddings.trueshotphotography.ie/weddings/?preview_id=25&preview_nonce=15092f8e68&_thumbnail_id=-1&preview=true

Sara

Figured out that some code ‘prev’ was inserted beside the testimonial slider code. When I removed it all worked fine.

Hi Bojan, I think I have found the error but don’t know how to edit .php files correctly. Our website was initially set up by a company and I think there is fixed ‘gallery’ code in the .php file which is why I keep getting the error ‘cannot display gallery’ no matter what I choose to put in the custom sidebar. In my sidebar.php file the following code is there:

<?php
/**
* The sidebar containing the main widget area
*
* If no active widgets are in the sidebar, hide it completely.
*
* @package WordPress
* @subpackage Twenty_Twelve
* @since Twenty Twelve 1.0
* toString(the_field(‘gallery_id’));
*/
?>

<?php if ( is_active_sidebar( ‘sidebar-1’ ) ) : ?>
<div id=”secondary” class=”widget-area” role=”complementary”>

<?php $gallery_to_show = get_post_meta(get_the_ID(), ‘gallery_id’, true); ?>
<?php
echo do_shortcode(‘[slideshow id=”‘ .$gallery_to_show. ‘” w=202 h=202]’); ?>
</div><!– #secondary –>
<?php endif; ?>

Can you let me know what I can delete / change so I can use the custom sidebar widget?

Thank you very much.

Sara