WordPress.org

Ready to get started?Download WordPress

Forums

Celestial - Lite
Need help with adding pages to Celestial Lite Theme (36 posts)

  1. chrisk860
    Member
    Posted 9 months ago #

    I am new to wordpress but have been building static sites for 5 years. I downloaded WordPress and then downloaded and activated Celestial Lite theme. Then I activated the celestial lite child them and proceeded to create the exact home Page I wanted.

    Now I am trying to create the many other pages I need for this site such as an about page, but when I go to edit the header image for example, I end up changing the header image on the Home Page. I have made sure that I am using the correct page template for the About Page but I just seem to be going in circles. Any help would be greatly appreciated.

    The site is being created in an empty domain that is currently not being used as I don't want to shut down the main site while I create the new one. The URL is http://www.dearrachelbook.com

  2. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Hi Chris....I'm going to assume you are using the WP Header feature under the Appearance menu in the admin? If so, this is a global image. If you are wanting to put a different image on inner pages, the best way is to upload the images, grab the File URL for it, and use basic HTML in a text widget which can be published to the Page Banner widget position. To select the pages this is to be shown, use a plugin like Display Widgets which lets you accomplish a different image header on any page. Also use a plugin called Remove Widget Title which lets you keep the title on the widget in the admin, but it won't show on the front-end of the site...best for when using it to load banners and images etc.

  3. chrisk860
    Member
    Posted 9 months ago #

    As per the instructions on your website on how to get the four widgets on the home page like the demo of the theme has, I downloaded the Advanced text plugin. Is this the same plugin you are speaking of when you say "text widget"?

  4. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Just the default WP text widget...however, if you want to use the advanced text widget, you can use that one too.

  5. chrisk860
    Member
    Posted 9 months ago #

    I downloaded both plugins you suggested. I'm sorry, but I'm not understanding how I actually apply the plugin when I put the About page into "edit mode". First go around with WordPress...sorry.

    The plugins have been downloaded and activated. Would I get to the about page then click edit page and go to appearance then widgets. I am not seeing where I can drag one of the new widgets into another widget like with the 4 images on the home page.

  6. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    First, no need to say sorry, especially if you are brand new to WordPress, as it does take a bit of time to get used to it.

    First thing...what plugins did you install and activate specifically?

    Second...we seem to be going all over the place here so lets begin at the start here. The topic title here is "Need help with adding pages to Celestial Lite". You actually do not add pages to the theme, you add pages to WordPress. But it sounds like you are wanting to do something different now with your "About" page. You mentioned something about the 4 images on the home page, are you wanting to do this for the About page too?

  7. chrisk860
    Member
    Posted 9 months ago #

    The only plugins I have installed are the advanced text widget, Remove Widget Titles and Display Widgets...these last two at your suggestion based on our conversation above. The advanced text widget was suggested in the Celestial Lite Styled Themes tutorial on your website. I am looking to add additional pages to the site
    About Page
    Contact Page
    Email Marketing
    Social Media Marketing
    Client Gallery
    Testimonials
    Graphic Design
    I think everything would be covered in these 7 additional pages. That is the overall concept.

    I liked the look of the Home Page concept with the four widgets and actually have the home page exactly the way I'd like it, but if I could make those four widgets linkable to the various pages that would be ideal. The layout -design is completed. Now I want to begin the About Page, so I want to find out how I apply the various components of the celestial lite theme to the pages I add. No I do not want the widgets on the about page that I have on the home page.

  8. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Much more clarification, thank you. Linking the home page image widgets that you have (the 4 of them) can be done by linking the image with the url to the page you want it linked to. Or, below the content, make a text link to do the same thing, or go further with the text link and make it a button by adding a class to the tag like:

    <a class="btn" href="yourlink">Button</a>

    Go to this demo site for button samples:

    Button Samples

  9. chrisk860
    Member
    Posted 9 months ago #

    Let's start with the about page as I still don't seem to be getting anywhere. I click on the about page and then I click on edit page. Now, how do I remove that showcase banner that I am using on the home page? I tried clicking on appearance then widgets, but can't seem to drag any widgets from the right area to the "not being used" widget area on the left. The page template I am looking for is a left sidebar.

    Is there a mechanism of some type that applies the theme and it's various templates to the pages I want to create in WordPress??

  10. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Go to Appearance >> Customize >> Header Image >> uncheck the box "WP Header Every Page"

    Then you can publish other banners sliders, etc to inner pages while using the WP Header feature for the front page.

    You mentioned about not being able to drag widgets ....there are two settings for this widget admin page (which is confusing in my opinion), but click on the upper right corner "Screen Options" and if the text link at the top says "Disable Accessibility..." then click on it.

  11. chrisk860
    Member
    Posted 9 months ago #

    at the top of the page when I click on screen options there is no text link. The buttons at the top are:
    Revisions, Custom Fields, Discussion, Comments, Slug, Author, Page Attributes Featured Image

    Only revisions, page attributes and featured image were checked. You said there were two settings to do this, but I only see one listed??

  12. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    I meant on the widgets page.

  13. chrisk860
    Member
    Posted 9 months ago #

    Wow this is frustrating. I thought I followed every one of your instructions to the T. I unchecked the wp header on every page in the headers tab and still when I go to about page and change the header it also changes the home page header. Do you know or have the URL's of other sites that use this theme as a framework for their site as I would like to see what others have done? I seems like a great looking functional theme if I can ever get it to work correctly. What am I missing here??

    I go to the about page, click edit page, change the header in the headers tab and then the home page is changed a;so

  14. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Let me ask you this... how did you put that header image in? If you disabled the "WP Header on every page", and you are using just the WP Header under Appearance, your header should only show on the Front page. Now, to add a different image to the top of inner pages, such as your About page, do not use the WP Header for this, use a widget to load an image in the Page Banner widget position and make sure you are using a plugin that lets you publish this widget to select pages...a plugin like the Display Widgets. I just tried this on my local test site and it works.

  15. chrisk860
    Member
    Posted 9 months ago #

    I only unchecked the wp header on every page after you brought it my attention a few posts back. I guess I am unclear as to what mechanism triggers a plugin to work on a given page. Let me explain. On your site's celestial lite's tutorial page it instructed me to download an "advanced text widget". After I did that then I opened the "front page top 1" widget and then dragged the "advanced text widget over inside the front page top 1, worked the code a little inside once I copied the url to the image and life was grand.

    That being said...now that I've downloaded (and activated) the display widgets as you mentioned, how do I get that to cause a change on my about us page, or any page I decide to use it on as I don't see it listed on my widgets tab?

  16. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Now I'm getting confused. Let's tackle this a different way because I think terminology and how things are being described is the problem.

    We are going to focus on your About page because it seems as though you are wanting to do something with this but you said it's affecting your Front page header image which is being changed. So what is it you want to do with your about page? Are you wanting a different image to display there in the banner header area than what it is on your front page?

  17. chrisk860
    Member
    Posted 9 months ago #

    yes

  18. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Step 1: you have your WP header uploaded for your front page and your theme option setting for WP on Every Page is unchecked.

    Step 2: Upload an image to your media library and copy the File URL safe somewhere.

    Step 3: Drag a text widget into the Page Banner widget position from your widgets admin (Appearance >> Widgets ) and then add the following code:

    <img src="your copied File URL" alt="short description" />

    Step 4: with the Display Widgets plugin installed and activated, at the bottom of your widget, you can select to show or hide on any of the pages that you will see in the list there. I generally set it to Show on Checked Pages. Choose your About page.

  19. chrisk860
    Member
    Posted 9 months ago #

    Thank you. I followed your instructions and that worked fine....BUT...when I went to add a DIFFERENT header to different page, the code for the about us page appears in the page banner widget, even though I am editing a different page (email marketing page) As I mentioned earlier I am looking to have different headers on every page.

  20. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    This is where that plugin Display Widgets comes in. You need to assign each widget to the page you want it to "show" on only. Do this from the widget when you have it open in the widget admin. That plugin adds some settings to the bottom of widgets.

  21. chrisk860
    Member
    Posted 9 months ago #

    Widget Admin?????? This is why I walked away from WordPress like three years ago. It isn't a learning curve...it's a mountain....without a peak. Ugh.

    If I open a certain page in my site say ABOUT, and then I click edit page >appearance, then > widgets... what am I looking for or HOW do I assign a widget to a page??

  22. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    you know the widget you did (or did you do this yet) with the image you put in your about page? Open that widget by going to Appearance >> Widgets (in your dashboard). I call it a widget admin because it's the page where all your widgets are that you can administer in your site.

    Just out of curiosity, how much WordPress experience do you have?

    ...and yes, WordPress does have a learning curve. Might want to check out wp101.com

    By the way, just to confirm, you do have the Display Widgets plugin activated?

  23. chrisk860
    Member
    Posted 8 months ago #

    I opened the discussion last week by stating I am new to WordPress but not new to web design. I have been building static sites for over 5 years, Yes, when I downloaded any widgets, I activated them.

  24. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    I take it you are still having problems with the banner image for your About page? Perhaps we can try this...contact me from my website and if you are OK with this, grant me access to your admin and also send me the image you want as your banner image and I will set this up for you.

  25. chrisk860
    Member
    Posted 8 months ago #

    How do I contact you through your website?

    It may be easier if you just email me off forum
    chris@greatpointmediadesign.com

    Then I can respond.

    Thanks again for your help

  26. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    No worries…just want to make sure things work for you, and I got your reply back via email.

    Anyway, all done. Go to your widgets area of your dashboard and see what I did for the banner on your About page (hope I got the right banner image). I also titled both of your widgets so you know what each one is in your dashboard. I just put a ! exclamation mark in front to hide the title on the front-end of your site (hence the plugin Remove Widget Title).

  27. chrisk860
    Member
    Posted 8 months ago #

    Now that I have the banners working correctly I need to find the component that controls the spacing of the text that I am creating as I add content. It looks like everything is double spaced and I need to change that. Can you steer me in the right direction?

  28. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    Are you referring to paragraph text?

  29. chrisk860
    Member
    Posted 8 months ago #

    yes.

  30. StyledThemes
    Member
    Theme Author

    Posted 8 months ago #

    You can change the <p> tag css. This theme has the paragraph styling as:

    p {
    margin-bottom: 20px;
    margin-bottom: 1.250rem;
    }

    and this styles the content as well:

    #st-content-wrapper {
    min-height: 10rem;
    margin: 0;
    padding: 60px 0;
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #848484;
    }

    You can do custom css for just the <p> tag or the #st-content-wrapper container like above and just change the font size and line height. Line height is probably the one you want, so you could try something like:

    p {
    line-height: 1.1;
    }

    You could do the line height as px as well if you prefer..something like:

    line-height: 19px;

Reply »

You must log in to post.

About this Theme

About this Topic