|
Steve Amis
|
March 29, 2014 at 1:17 pm
I made a custom theme with themerolle but there are a few things I want adjust that I do not believe can be altered with the style.css. (1) The text in the registration form header is at the top of the box and I want it in the middle. (2) How do I change the characteristics of the input boxes, for instance, the color, border, height, spacing between the boxes, etc.? (3) How do I adjust the font size and/or the font location vis-a vis the input boxes (on top or bottom instead of on the left)?
This may be too may questions for one topic but any help will be appreciated.
|
|
Lorenzo Orlando Caum
|
March 29, 2014 at 3:26 pm
Hi Steve,
You can use a free tool like Firebug or Chrome Developer Tools to inspect various elements on a page.
It will then tell you the CSS styles that are in use and the location of these styles. You can then toggle the various styles off and on to understand how they are styling certain elements.
From there, you can add any CSS edits to a plugin like My Custom CSS.
—
Lorenzo
|
|
Steve Amis
|
March 29, 2014 at 5:09 pm
Thank you very much. I think I am catching on. One question though. One of the style sheets was the custom one I did when I did it in Themeroller and the other was the themeroller-base.css. I think if there are updates that the theme roller-base.css will be over ridden and the custom one will not. I am familiar with the concept of child files but where do I put the code to override the changes I make in themeroller-base.css.?
|
|
Lorenzo Orlando Caum
|
March 29, 2014 at 6:35 pm
Hello again,
Does your custom theme reside in this location:
wp-content/uploads/espresso/themeroller/
If not, could you please take a look at this page:
https://eventespresso.com/wiki/how-to-create-custom-themeroller-styles/
If it does reside there, then you can add your CSS to the style.css file in your custom themeroller folder and save changes.
Then return to your site and do a refresh so that the updated CSS is loaded.
—
Lorenzo
|
