Front End user upload category padding

[brentp76]

I am trying to use the front end user upload on phoca download and the padding on the category selection is very small so I cannot read the words. When I look at the CSS with fireant on the front end I can change it but I think its an echo because when I go to the back end to change it I cant find it. Any sugesstions?

[christine]

Hi,

... the padding on the category selection is very small so I cannot read the words. When I look at the CSS with fireant on the front end I can change it but I think its an echo because when I go to the back end to change it I cant find it. Any sugesstions?

To clarify which CSS could be responsible etc., it would be an good idea, to see it

Kind regards, Christine

[brentp76]

I found the responsible css area and changed the padding to 1 and it worked. however that also altered the paddin on the article gear icon that allows for printing editing and email of front end joomla articles. I also made the padding on these articles 1px. There has got to be a way to change the padding so you can see the text on the category download without affecting global padding.

[christine]

Hi,

which template are you using? Without having the 'chance' to 'see' what/which CSS you have to change without getting discrepances to other elements etc., that is not easy. There are so many different templates ....

Kind regards, Christine

[brentp76]

Sorry. I am using the shape5 risen hope template. It is the template.css file
here is the code

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, #mod-search-searchword, input, textarea, button, .btn {
border:none;
padding: 1px;
padding-left:1px;
padding-right:1px;
font-size: 1em;
background-color:#FFFFFF;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
margin-bottom:6px;
margin-top:6px;
border:solid 1px #EBE8E8;
line-height:1;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}

.inputbox:hover, .registration input:hover, .login input:hover, .contact-form input:hover, #jform_contact_message:hover, #mod-search-searchword:hover, input:hover, textarea:hover, button:hover, .btn:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
background-color:#FEFCEB;
border:solid 1px #DBDBDB;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

[christine]

Hi,

sorry, but without an URL it's difficult.

I found the responsible css area and changed the padding to 1 and it worked. however that also altered the paddin on the article gear icon that allows for printing editing and email of front end joomla articles.

Which CSS exactly you found? Because, when you alter an element, see your 1. code, 1st line:

Code: Select all

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, #mod-search-searchword, input, textarea, button, .btn {
border:none;
padding: 1px;
padding-left:1px;
padding-right:1px;
font-size: 1em; etc .........

the change i.e. of the paddings will hv an effect on all given elements of 1st line. > .inputbox, .registration input, ..... and so on
Btw: your setting (see above) of padding:1px; will mean: top, bottom, left & right

1 example (tried on the shape5 demo) http://www.shape5.com/demo/risen_hope/i ... c-features
just to change required elements > to put it at the end of the template.css.
Let's change the e-mail & print paddings:

Code: Select all

li.email-icon, li.print-icon {
padding-left:15px; }

Again, this is an example only, because I don't see, how it looks on your site.
Also many CSS are formatted directly in the template, and/or depends on positions of modules etc. etc.

Kind regards, Christine

[brentp76]

So could I just add another duplicate section that references the category box and take it out of the existing code? I can pm a log in to the site so you can see it first hand

[christine]

Yes, just try it > to add the required element you want to change. Sometimes it could happen, that it requires also an: !important; but this belongs to template settings mostly given in the index.php of templates etc. In the demo there are several !important;
No, sorry no PM in this case, as I don't know about this template-framework. You will manage it Thank you. Christine