- Posts: 59
- Thank you received: 0
Fields alignment adjustment
11 years 4 months ago #45178
by agnesch
Replied by agnesch on topic Fields alignment adjustment
Thank you, Rooney.
I'll go through all your suggestions via Firefox.
The only thing, could you specify what module do you refer to for the below problem?
Thank you so much!
I'll go through all your suggestions via Firefox.
The only thing, could you specify what module do you refer to for the below problem?
Rooney wrote: The white space (if I found the correct one) is template css setting for the module.
CODE: SELECT ALL
div[class*="box-"] div.jsn-modulecontent {
padding: 15px;
}
in template.css
Thank you so much!
Please Log in or Create an account to join the conversation.
11 years 4 months ago #45179
by Rooney
Well, I meant the module at the bottom of the page. It contains "I PRODOTTI NELLA CATEGORIA RACCOLTA DIFFERENZIATA" and there is some white space below.
Rooney
Joomla! 3.9.24 and FC 3.3.9
Replied by Rooney on topic Fields alignment adjustment
Seems that your page is making progressagnesch wrote: Thank you, Rooney.
I'll go through all your suggestions via Firefox.
The only thing, could you specify what module do you refer to for the below problem?
Well, I meant the module at the bottom of the page. It contains "I PRODOTTI NELLA CATEGORIA RACCOLTA DIFFERENZIATA" and there is some white space below.
Rooney
Joomla! 3.9.24 and FC 3.3.9
Please Log in or Create an account to join the conversation.
11 years 4 months ago #45185
by agnesch
Replied by agnesch on topic Fields alignment adjustment
Yes, Rooney, I'm proceeding, though slowly! :oops:
BTW, by extra space at the bottom I didn't mean the white space under the module, but instead the unusual space at the very bottom of the page, which does not appear when the normal item layout is set. This happens in Internet Explorer, Firefox and Chrome alike...
You can see it in the live url and in the attachment.
Thank you so much for your help!
BTW, by extra space at the bottom I didn't mean the white space under the module, but instead the unusual space at the very bottom of the page, which does not appear when the normal item layout is set. This happens in Internet Explorer, Firefox and Chrome alike...
You can see it in the live url and in the attachment.
Thank you so much for your help!
Please Log in or Create an account to join the conversation.
11 years 4 months ago #45187
by agnesch
Replied by agnesch on topic Fields alignment adjustment
Hi, Rooney, I'm almost done with CSS styling, I've reached the result as per attachment by applying the following corrections in the custom flexicontent.css file:
The only thing that I cannot do is: how can I make the value of a field to go next to (and not below) the field label, and justified (i.e. to make it appear inside the green rectangule in the attached image).
Thank you so much!
Code:
/**********************************************************
* Common styling (all templates) of field labels and value
**********************************************************/
body #flexicontent .flexi.label, .flexi.label {
background-color: #FFFFFF !important;
color: #54A1CD !important;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25) !important;
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25) !important;
vertical-align: baseline !important;
border-bottom: 2px dotted #54A1CD !important;
border-right: 0px solid #D0D0D0 !important;
text-align: left !important;
max-width: 130px !important;
min-width: 130px !important;
margin: 2px 10px 2px 2px !important;
padding: 3px 4px !important;
border-radius: 0px !important;
}
/* field container inside a tabbed position */
body #flexicontent .tabbertab .flexi.element {
/*display: block;
float: left;*/
clear: both;
}
/* Field values into 2 columns */
body .twocols ul li.flexi {
min-width: 100%;
}
The only thing that I cannot do is: how can I make the value of a field to go next to (and not below) the field label, and justified (i.e. to make it appear inside the green rectangule in the attached image).
Thank you so much!
Please Log in or Create an account to join the conversation.
11 years 4 months ago #45203
by agnesch
Replied by agnesch on topic Fields alignment adjustment
Hi Rooney,
thanks for your help!
I've tried to apply your solution, by setting
(as well as deleting it all the way)
but what I get is in the attachment.
As you can see, the first line of the text field value are now aligned, but it messed all the rest...
Plus, adjusting the margins only caused the whole the thing to shift, and did not affect only the text field value...
Do you have any idea why this happens?
Thank you so much!
thanks for your help!
I've tried to apply your solution, by setting
Code:
float: none
but what I get is in the attachment.
As you can see, the first line of the text field value are now aligned, but it messed all the rest...
Plus, adjusting the margins only caused the whole the thing to shift, and did not affect only the text field value...
Do you have any idea why this happens?
Thank you so much!
Please Log in or Create an account to join the conversation.
Time to create page: 0.810 seconds
Last FLEXI-site
... loading images 
