Jump to content
Ken_Shea

Need Html advice and help

Recommended Posts

The layout looks great on desk top but not on a mobile.

I want the sad face+ text + sad face to be first line and not to left of pictures.

Is this something that can be accomplished with html in the source code?

<p><strong><img alt="sad" src="https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/sad_smile.png" style="height:23px; width:23px" title="sad" />KITS CANNOT BE SHIPPED TO CA<img alt="sad" src="https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/sad_smile.png" style="height:23px; width:23px" title="sad" /></strong></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:12px"><strong>VERY IMPORTANT PLEASE READ:</strong></span><br />
Changes in Hi-Points design and manufacturing of these carbines over the years require different conversion kits. To insure proper fit and/or function on your rifle, <strong>serial numbers are now required</strong>, my apologies but there are no exceptions.</p>

<p>&nbsp;</p>

<p>During the checkout process there is a comment section where you can enter your serial number or you can enter it in a reply to the order confirmation you will receive once ordered, or you can email <strong>kens@ontargetsportsonline.com</strong> be sure refference your order number..<br />
<br />
This is a great DIY direct fit to upgrade the original 995 Carbine to have the exact same stock as the new 995TS.<br />
Provides multiple rails to mount accessories.<br />
<br />
Once installed see the 995TS page for other upgrade options for this.</p>

 

sad face.JPG

Screenshot_2020-05-19-11-35-46.jpg


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
Share on other sites

You need to assign a css class to the first p tag and then change the class details with a media command. Something like this:

@media (max-width: 640px) {
p.smiley {clear:both;}
}

and

<p class="smiley"><strong><img alt="sad"

Instead of the images, I suggest using font awesome.

Share this post


Link to post
Share on other sites
35 minutes ago, Jack_mcs said:

You need to assign a css class to the first p tag and then change the class details with a media command. Something like this:


@media (max-width: 640px) {
p.smiley {clear:both;}
}

and


<p class="smiley"><strong><img alt="sad"

Instead of the images, I suggest using font awesome.

Thanks much Jack, I'll see what I can do.


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×