×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Help with CSS styling for horizontal module

Help with CSS styling for horizontal module 10 years 6 months ago #25943

  • Niamh Manek
  • Niamh Manek's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0
Hi
I just need some assistance with the CSS to add for my module at my test site : martry.redbee.ie/ (see bottom of page)
As you can see I am trying to make the module display horizontally across the page, and I found some help in some other forum topics to get me this far! But can you also help with the following:
  • Add a line break after the introtext - I tried to add a break in the actual text but it does not work
  • Add some padding between the data fields
  • Make the field names appear horizontally - not "email" above the word "address" etc.

I would appreciate your guidance as I am not good with CSS; usually I do all my work with templates and no coding necessary!
Many thanks
Niamh

Help with CSS styling for horizontal module 10 years 6 months ago #25964

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
#intro127 {
float: none;
}
 
#cmc-signup-form-127 > div {
    padding-right: 10px;
}
 
.cmc-signup div .overTxtWrapper {
    float: none;
}
 
.overTxtWrapper label {
    float: none;
    padding-top: 5px;
}

Add the above code to your css file and it should look fine after that.

Cheers,
Daniel
The following user(s) said Thank You: Niamh Manek

Help with CSS styling for horizontal module 10 years 6 months ago #25968

  • Niamh Manek
  • Niamh Manek's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0
Fantastic!

Thanks Daniel, your help is much appreciated. It looks perfect now.
  • Page:
  • 1
Time to create page: 0.146 seconds