- Posts: 59
Fields alignment adjustment
12 years 2 weeks ago #45159
by agnesch
Fields alignment adjustment was created by agnesch
Hello,
I've tried searching for a solution to my problem in the forum but couldn't find it, so please bear with me!
How do you make the fields alignment look like attachment2 (image below), both regarding the alignment and style (color and underline)?
I arranged my fields in the tabbed template, but the look like attachment1 (image below).
Thanks!
I've tried searching for a solution to my problem in the forum but couldn't find it, so please bear with me!
How do you make the fields alignment look like attachment2 (image below), both regarding the alignment and style (color and underline)?
I arranged my fields in the tabbed template, but the look like attachment1 (image below).
Thanks!
Please Log in or Create an account to join the conversation.
12 years 2 weeks ago #45164
by agnesch
Replied by agnesch on topic Fields alignment adjustment
Thank you ggppdk,
I'm trying to examine the page CSS, but I'm kind of confused about where to look to identify the parameters that need to be changed.
Do you know what are they?
Thank you so much!
I'm trying to examine the page CSS, but I'm kind of confused about where to look to identify the parameters that need to be changed.
Do you know what are they?
Thank you so much!
Please Log in or Create an account to join the conversation.
12 years 2 weeks ago #45176
by agnesch
Replied by agnesch on topic Fields alignment adjustment
Thank you ggppdk,
Here is the live url: bit.ly/1bfCmYW
There is also a long space that is added at the end of the page if I choose the tabbed template...
Hope you or some other member can help out!
Thank you so much!
Here is the live url: bit.ly/1bfCmYW
There is also a long space that is added at the end of the page if I choose the tabbed template...
Hope you or some other member can help out!
Thank you so much!
Please Log in or Create an account to join the conversation.
12 years 2 weeks 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.
12 years 2 weeks 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.
12 years 2 weeks 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.
12 years 2 weeks 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.
