I thought I would get to your support request before I head off to sleep here, but the content text size is found in the style.css around line 142 and looks like this:
#st-content-wrapper {
min-height: 10rem;
margin: 0;
padding: 0 0 60px;
font-size: 12px;
font-size: 0.75rem;
line-height: 22px;
line-height: 1.375rem;
color: #848484;
}
There’s two font sizes shown, one in px and the other in rem which is a relative size. This one will override the px one but to make it easier, you can delete the rem version and just go with the px size. Right now it’s 12px, so if you want it larger, that’s the one you would change.
As a note, it’s best to use a child theme when it comes to changing core theme files such as the style.css file, but if you happen to have jetpack installed, this offers a css editor that you can use instead of a child theme.
i really appreciated your quick reply – especially how late at night it was that you did it. it took me a while to find where/how to find the file style.css and its editor feature. however, once i did, i changed the 12px to 30px, updated the file, reloaded my page and the text height did not change. so then i tried 50px and still no change?
once again the page is: http://www.idealsthoughtsandphotos.org/thoughts/chakras/
will talk with you tomorrow.
thanks
good morning
i did not catch the ‘child theme’ rap last night. sorry. but it does not look as though i lost anything. this mornng i restored that line to the 12px and created the child-theme style.css file in the child-theme directory as follows which deletes the rem font size:
/*
Theme Name: celestial-lite Child
Theme URI: http://idealsthoughtsandphotos.org/celestial-lite-child/
Description: celestial-lite Child Theme
Author: david lucas
Author URI: http://idealsthoughtsandphotos.org
Template: celestial-lite
Version: 1.0.0
*/
/* =Imports styles from the parent theme
————————————————————– */
@import url(‘../celestial-lite/style.css’);
/* =Theme customization starts here
————————————————————– */
#st-content-wrapper {
min-height: 10rem;
margin: 0;
padding: 0 0 60px;
font-size: 24px;
line-height: 22px;
line-height: 1.375rem;
color: #848484;
}
I’m assuming the child theme worked then for you?
oh… sorry, no. that is why i published all that stuff in case i did something wrong, you could then say what it was. and, in case things have to initialize, i made a small change to the text and updated the page to see that change. the text addition manifested but the text itself is still the same small size.
ok, perhaps I’m a bit lost here, but when I change the #st-content-wrapper font size in Chrome’s webmaster tools, it changes the font size. I’m assuming you did remove this line:
font-size: 0.75rem;
Also, I just installed my Celestial Lite, plus the child theme and I was able to make the main content text larger simply with:
#st-content-wrapper {
font-size: 18px;
}
As a quick note: Did you know Celestial Lite has a child theme already made for you? It’s found in the child-theme folder in the theme files. It’s an installable child theme zip. This is the one I used to test.
i have confidence in your advice, but because it is not working for me, i am trying to figure out what i am missing in the application. Yes, i did delete that 0.75rem line. i also have found the child-theme zip file and extracted it. it produced a directory tree of celestial-lite\child-theme\celestial-lite-child with six subdirectories. the tree i had created had the celestial-lite-child folder in the same root as celestial-lite and other themes such as twenty-twelve and such as per http://codex.ww.wp.xz.cn/Child_Themes. so i copied the style.css file i had made out of that folder and put it into the one the zip file created of the same name and reloaded the page and have no change in the text size. i made a screen shot of the directory tree but i do not know how to attach that .png to show you. both -child folders are still in existence – should i maybe delete the first one?
i just created a new page on my site called screen shot so you can look at the directory tree i am now working with. this screen shot shows the existence of the style.css file in the first position that i created it and does not show that it now also exists in the -child folder that your zip file created, but it is there also.
http://www.idealsthoughtsandphotos.org/screen-shot/
thanks
It would be better to use the child theme I provided in the parent theme and install that one and activate it. Basically you use your WordPress theme installer (from the admin) to install the child theme (without unzipping that file). Browse for the celestial-lite-child.zip and install it, activate it just like any theme. You may have to redo theme options though.
The changes of the style.css should work, but if they don’t show, it could be a browser cache issue where you would need to clear your browser cache.
I setup a local site and installed Celestial Lite then installed the child theme for it, then made the font-size custom style and I was able to change the font size.
i located how to clear my browser cashe and did it with no reprieve. furthermore, as stated, i DID extract that zip file and it no longer exists in my directory. so… are we saying that my installation of the theme is now messed up? and that i should reinstall the theme or something? if so, can i somehow save the changes i made to the site?
Your parent theme is ok… your version of a child theme is missing some things, but the important part is the style.css. My child theme has the folder structure and the theme’s screenshot in it.
Anyway, is it possible to get access to your admin and I will try this out about the font size not changing? If so, contact me from the footer link in my site with your login details.
ok – just sent you an email via your contact form @ styled themes.
thanks for your dedication to a resolution.
I got your email(s) with the login details, thank you.
I logged in and what I did was deleted your version of the child theme and installed the actual child theme for the Celestial Lite theme, but I did not activate it. If you decide to use it, your theme option settings will have to be redone for it.
I noticed you do have Jetpack installed and active so if you go under the Appearance menu group in your dashboard, you will see this menu item “Edit CSS” which is part of Jetpack. What I did is used that instead of the child theme and added this to it:
#st-content-wrapper {
font-size: 14px;
}
This worked and increased the size of your main content, but you can change it to what you want. You can also add more to this custom stylesheet anything else you want to edit for the theme (styles only).
FANTASTIC!!! THANKS.
i had seen that “Edit Css” before and did not know that it was so automatically “plugged into” the style.css file and that i could type just whatever i wanted to therein like you did and have it work so easily. but i am certainly a newbie at this web page stuff.
anyway, i just accessed it after seeing your response and changed it to something bigger and PRESTO, it worked easily.
i am checking the ‘resolved’ box as i post this response.
Thanks
You’re very welcome…I’m just glad to see it’s working for you and now you found out an additional method of making css edits to a theme.
Coffee time for me now!
