Help with CSS styling for horizontal module

Resolved Help with CSS styling for horizontal module

Hi
I just need some assistance with the CSS to add for my module at my test site : http://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:
[ul]
[li]Add a line break after the introtext - I tried to add a break in the actual text but it does not work[/li]
[li]Add some padding between the data fields[/li]
[li]Make the field names appear horizontally - not "email" above the word "address" etc.[/li]
[/ul]

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

Responses (2)

Daniel Dimitrov

Support team

Accepted Answer Pending Moderation



#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

Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro

more than a month ago
CMC - Mailchimp for Joomla!
# 1

Niamh Manek

Accepted Answer Pending Moderation

Fantastic!

Thanks Daniel, your help is much appreciated. It looks perfect now.

more than a month ago
CMC - Mailchimp for Joomla!
# 2

Page :
1

There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »