Hi Mike, I’ve just launched my website 3 days ago. Can’t comment on the conversion rate yet but I received a lot of praises from friends.
Wes, my site is completed! Feel free to share. 馃檪
Problem fixed. I just realised that it’s probably because I copy and pasted it into the editor which generated those divs.
Fixed! Everything looks perfect now. Thank you so much for spending so much time resolving my issues! You are awesome!
Thank you so much! The list is now properly aligned.
I removed one-half because I want it to be displayed in one columns as you can see that the 6 features I’ve listed are
Super practical
Instant fluency
Minimalistic approach
Perfect pronunciation
Laser focus on conversation
Engaging video lessons
The first letters put together to become SIMPLE.
Thank you so much for that! That got rid of the white spaces. Now I still have an alignment problem with the text next to the photo. The text is top aligned with the photo but I want it to vertically aligned at the middle. How do I do that?
I don’t have that checked. Here’s what it currently look like:
<h4>Here's why you'll love our Program</h4>
<div class="left-content"><i class="fa fa-check-square-o" style="font-size: 60px;"></i></div>
<div class="right-content"><h3><b>S</b>uper Practical</h3>
<p>Learn how native Chinese speaks in their daily conversations.</p></div>
<div class="left-content"><i class="fa fa-check-square-o" style="font-size: 60px;"></i></div>
<div class="right-content"><h3><b>I</b>nstant Fluency</h3>
<p>Achieve fluency instantly without the need to learn complicated grammar rules.</p></div>
<div class="left-content"><i class="fa fa-check-square-o" style="font-size: 60px;"></i></div>
<div class="right-content"><h3><b>M</b>inimalistic Approach</h3>
<p>One sentence at a time, our course is designed to prevent procrastination and burnout.</p></div>
<div class="left-content"><i class="fa fa-check-square-o" style="font-size: 60px;"></i></div>
<div class="right-content"><h3><b>P</b>erfect Pronunciation</h3>
<p>Learn perfect Chinese pronunciation from a Beijing-born Chinese speaker.</p></div>
<div class="left-content"><i class="fa fa-check-square-o" style="font-size: 60px;"></i></div>
<div class="right-content"><h3><b>L</b>aser Focus on Conversation</h3>
<p>Designed to achieve fluency in the shortest amount of time ever possible by focusing only on conversational Chinese.</p></div>
<div class="left-content"><i class="fa fa-check-square-o" style="font-size: 60px;"></i></div>
<div class="right-content"><h3><b>E</b>ngaging Video Lessons</h3>
<p>Learn Chinese with video lessons makes it simple and fun.</p></div>
I see that it’s to do with the height, which seems to be dynamically generated and I can’t find the class “fp1 image-section” from the css file.
That doesn’t seem to do anything but I found another way to achieve this. I used .one-third and .two-thirds and updated some media queries to have both my image and text to display on all screen resolutions.
However, there is one more thing I can’t figure out. That is when I shrink the width of the screen to be less than 1024px, there is a very big white space on top and below my photo. How can I get rid of that white space? You can see it on my website:
https://www.chinesetalkeze.com
That’s exactly the problem I want to fix. It’s not just resizing the picture, it’s also cropping the picture. I want people to have the exact same view of the image on a 21 inch monitor as well as on an iPhone 5. When viewing the image on a large screen, most of my body got cut off and people are only seeing my big head. When viewing the image on a mobile, people will see my full body. I also want to add text next to my photo too. I can’t achieve that with the current setup.
Hi Wes,
Thanks for looking into this for me. I’m referring to my image in the Front-Page-1 section. The image is being cropped depending on the screen resolution.
Victor