Forum Support

Shape 5
March 28, 2024, 08:42:37 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Intro image on the left with text on the right  (Read 1030 times)
pemi
Jr. Member
**
Offline Offline

Posts: 40



« on: June 18, 2017, 11:34:42 PM »

Hi,

Presently, when I add an intro image, it appears above the intro text on the frontend. I have floated the image to the left. Please see http://mediagenesis.org/ss/news-events?start=10

Is there a way to have the image and text side by side? See attached image of what I'm trying to do.

Thanks
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: June 19, 2017, 07:03:52 AM »

Hello,

If you add the following to custom.css it should do that:

.pull-left {
float:left !important;
margin-right:20px;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
pemi
Jr. Member
**
Offline Offline

Posts: 40



« Reply #2 on: June 19, 2017, 06:58:44 PM »

Thanks for the quick reply, but no joy. Still looks the same. I have cleared cache and also checked on another browser.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: June 20, 2017, 07:13:22 AM »

Hello,

I have already tested that css in Firebug and it does work. You have errors in your custom.css file which are preventing further css from loading:

view-source:http://mediagenesis.org/ss/templates/emma_and_mason/css/custom.css

This is the first one that I see, quotation marks cannot be used in css or it will break the calls:

h1 {color:#0768c8;"}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
pemi
Jr. Member
**
Offline Offline

Posts: 40



« Reply #4 on: June 20, 2017, 07:42:14 PM »

Hi. Thank you! I totally missed the error in the css. It works now.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.