I am new in silverstripe. Made form with silverstripe/userforms module in CMS (3.3). I need Checkbox and label on one row. Now I have this:
Where I can edit these forms settings?
You need to style the form output with CSS:
form .field.optionset input {
float: left;
clear: left;
margin-top: 5px;
}
form .field.optionset ul label {
padding-left: 24px;
}
Something like that should do the trick.
Id use display: inline; or display: inline-block;
instead of
float: left;
clear: left;
Related
got myself in a tight spot here, the widget on the right hand side of my website has lost its formatting, i need it all in one line, and to drop below the left hand widget when viewed in mobile: https://aurexgroup.com/
Im using a enfold child theme on a wordpress site.
i assume its a css issue, but i cant find the code that relates.
i have looked through the css style sheet in the theme, this is all i could for widgets find:
}
#top li.sf-widget-element{
list-style: none;
clear: none;
margin-left: 0;
padding: 0;
width:auto;
display:inline-block;
margin-right: 30px;
}
And then this in the quick css section in the enfold general styling tab:
}
#footer .flex_column{
float: right;
}
#footer .flex_column.first{
float: left;
}
.footer_color a, .footer_color .widget_first{
color: #cf5c1a !important;
}
#footer .flex_column .widget{
margin-top: 0;
margin-bottom: 0;
line-height: 26px;
display: inline-block;
width: 100%;
}
.copyright a[href*="kriesi"]{
display:none !important;
}
Very open to any ideas!
please help!
Following is the link of a web page.
https://pbx.wave-tel.com/register
It has a navigation bar containing verification, your details and hosting contrex.
I want to set this bar in the center of the page without using margin or padding as it disturbs the responsive display. I can only change the CSS as i do not have access to HTML, Please help me in this problem.
YOu can do this changes
CSS
.swMain ul.anchor li a {
text-align: center;
margin-top: -15px;
padding-top: 0;
}
.swMain ul.anchor li {
float: none;
display: inline-block;
}
.swMain #navSummary {
text-align: center
}
.swMain ul.anchor li {
display:inline-block;
float:none;
}
.swMain #navSummary {
text-align:center;
}
Try this then, I have edited for your requirement!!
update your css
.widget-menu-widget{
padding-left : 50%;
margin-left : -323px;
}
Add this to your css
.swMain #navSummary {
text-align-center;
}
.swMain ul.anchor li {
/*float: left;*/ remove float left
display: inline-block;
}
.swMain ul.anchor li a {
display: inline-block;
}
.nav-tabs>li {
/*float: left;*/ remove float left
}
Note: you need to add these to your existing styles
This is the code I'm trying to concatenate (may have misinterpreted that word), how do I make them both do the same thing without declaring another class with the same attributes?
.games span {
display: inline-block;
float: right;
}
.console span {
display:inline-block;
float: right;
}
You use a comma to separate the two selections:
.games span, .console span {
display: inline-block;
float: right;
}
So the comma can be better interpreted to us humans as and
.games span, .console span{
//your css
}
This is part of a more complex dynamic template code so I'm trying to keep the structure as is but trying to style the text so that the cast members line up with the directors below.
Right now the cast gets wrapped to 3 lines but it does not keep its indenting. Anyone know how I could style it to hold its indented look.
http://jsfiddle.net/N2y88/
http://jsfiddle.net/N2y88/2/
try something like this
.support p span:first-child {
color: #81848A;
display: inline-block;
padding-right: 10px;
text-align: right;
width: 50px;
float:left;
}
.support p span:last-child {
display: inline-block;
float:left;
width:400px;
}
.support .cast, .support .director{
color:blue;
}
.support p {
color: #D0D0D0;
margin: inherit;
padding: 0.1em 0;
clear:both;
}
I have made a page in which i m using a list to display the items horizontally
Now i can see the result in the page here
But when i drag and make the browser window short i get a garbled list
as in the scrren-shot here
http://pradyut.dyndns.org/WebApplicationSecurity/people_ss.JPG
http://pradyut.dyndns.org/WebApplicationSecurity/people_ss.JPG
I m using a css in the list as : -
#navlist li
{
padding: 1em;
float: left;
list-style-type: none;
}
at the end of the list i m using a clearing div
#clear-both
{
clear: both;
}
Any help
Thanks
Pradyut
[2]: [2]: http://pradyut.dyndns.org/WebApplicationSecurity/people_ss.JPG
I can't seem to access your site.
Try using display:inline instead of float:left
#navlist li
{
padding-right: 1em;
display: inline;
list-style-type: none;
}
The problem is the varying heights of each LI element. If you give them all a common height, the layout flows properly when the window is resized:
#navlist li
{
height: 100px;
padding: 1em;
float: left;
list-style-type: none;
}
well could solve the problem using a min-height in the another div css
#another
{
padding: 5px;
background-color: green;
min-height: 75px;
}
thanks...