Support » Theme: Sundance » Search bar , Footer Columns, New Page Template

  • Resolved bpd-graphics

    (@bfparratt)


    οΏΌHi, i’m looking for some guidance with the following:

    Using my sundance child theme, for my test site: http://www.bethparrattdesign.com/

    1. how can I add the searchbar to my main navigation (instead of in the sidebar widget).

    2. I created the columns for my footer. How can I clean it up so they are centered on the far left and far right, and also so that the content in there is in each specific column instead of just running. Should I instead do this as col 1 col 2 col 3? Right now I copied some other code:

    #footer-col {
    	-moz-column-count:3; /* Firefox */
    	-webkit-column-count:3; /* Safari and Chrome */
    	column-count:3;
    	margin-left: 4em;
    	margin-top: .2em;
    	margin-bottom: .2em;
    	border-top: 1px dotted #b3b3b3;
    	clear: both;
    	margin: 1.5714285714em 0 0 0;
    	}
    #footer-col li{
    	list-style-type: none;
    	}
    .site-footer {
    	border-top: 1px dotted #b3b3b3;
    	clear: both;
    	margin: 1.5714285714em 0 0 0;
    	padding: 1.5714285714em 0 1.5714285714em 11.17886178%;
    }

    3. I need to create a different page for the link “neighborhoods” which
    instead of showing posts, will show photo buttons of different
    neighborhoods (in brooklyn,ny) to choose from. Would this be a static page? I know I need to do this as a template page, just a little stuck on what I would need to put in the template page. (it should still have the sidebar nav..

    4. I need to add a form to sign up for a newsletter. Any suggestions to an easy way to get that?

    Thanks in advance for any help. I wasn’t sure if I needed to post these all in a different thread or if it’s ok I posted them all together!

Viewing 15 replies - 1 through 15 (of 33 total)
  • Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Hi there,

    I wasn’t sure if I needed to post these all in a different thread or if it’s ok I posted them all together!

    Ideally, it’s better to ask unrelated questions in their own separate threads, so that folks who can help with one question but not the others are still encouraged to answer, and it’s easier to keep all the questions and answers straight. It also improves search results when others look up a related issue in the future.

    I’ll answer your questions separately below to keep things a little more organized. πŸ™‚

    Hi Kathryn,

    I didn’t want to be a post hog and post a whole bunch of them, but yes I do understand why that would be more organized!

    Thanks for your help and you patience!
    Beth

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    4. I need to add a form to sign up for a newsletter. Any suggestions to an easy way to get that?

    The first step would be to sign up for one of the many email marketing services available, such as Aweber, MailChimp, Constant Contact, etc.

    Then, you can either embed your signup form into a page, post, widget, or template file, or use a plugin to pull in the form through a shortcode or another technique. Which plugin you choose will depend on which email marketing company you go with; there are relevant signup-form plugins for all the major services.

    One thing to note is that this isn’t theme-dependent, the same steps would apply no matter which theme you choose.

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    3. I need to create a different page for the link “neighborhoods” which
    instead of showing posts, will show photo buttons of different
    neighborhoods (in brooklyn,ny) to choose from. Would this be a static page? I know I need to do this as a template page, just a little stuck on what I would need to put in the template page. (it should still have the sidebar nav..

    If it’s just a page with photos in it, could it just be a regular page? I’m not sure why you’d need to create a new template for it. Could you explain a little more what would make it different from a regular page?

    3. Is there a way I can upload a photo on here? It’s hard to explain without, but the photos will be like categories (not posts) to bring you to other pages (i.e. – park slope, Williamsburg, Bayridge,etc).

    4. Thank you, I believe she has constant contact for her newsletters so I will do some research then to see how to add this to the WordPress blog. Thanks!

    esmi

    (@esmi)

    Forum Moderator

    Is there a way I can upload a photo on here?

    No. You will need to use an online resource like http://snag.gy/ and post the image url here.

    I have uploaded the photo onto find neighborhoods link of the site. http://www.bethparrattdesign.com/past-emails/neighborhoods/
    Originally I was going to try to do a separate slider similar to shown in the top of the image but instead, have felt that it would be easier to turn the other photo buttons into the neighborhoods.

    So the question is, is this possible? It seemed like something where I would do a page template but I’m not sure and have never started a blank new page template before.

    Thanks!

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    1. how can I add the searchbar to my main navigation (instead of in the sidebar widget).

    This theme isn’t designed to have the search bar up in the menu area. You could certainly experiment by editing header.php in your child theme.

    To point you in the right direction, start by adding a new element after the closing </nav> tag in line 73, something like:

    <div id="newsearch"><?php get_search_form(); ?></div>

    Add some CSS to “newsearch” in your CSS, like:

    display: inline;
    float: right;

    That should get you started. πŸ™‚

    Hi Kathryn, thanks
    re- 1 searchbar- I was able to add it by playing with the header.php, but I’ll check what I did against your suggestions to improve it. Because what I did, I was able to get it to appear but it’s below the main nav menu and I was stuck on how to style it in my CSS to move it. I will relook and try your suggestions. Thank you!

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    2. I created the columns for my footer. How can I clean it up so they are centered on the far left and far right, and also so that the content in there is in each specific column instead of just running. Should I instead do this as col 1 col 2 col 3? Right now I copied some other code:

    Your footer columns look great and are all the same width. Did you get this one sorted out?

    Skitched 20131010 162603

    p.s. When you post any code here in the forums, please use backticks or the toolbar code buttons so it’s clearer, and also to be sure it doesn’t break the page layout. I’ve edited your original post above.

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Originally I was going to try to do a separate slider similar to shown in the top of the image but instead, have felt that it would be easier to turn the other photo buttons into the neighborhoods.

    If you don’t want a slider, you can just add a grid within the editor for that page, with your linked images included in each box in the grid.

    There are a few different ways to make grids within the editor, including a column shortcode plugin or manually coding the grid in HTML/Text mode.

    Hi Kathryn,
    you’re right this is a bit confusing, so thanks so much with sticking with it! πŸ™‚

    2. Footer:
    Ok, regarding the columns… I guess what i need to do is make the columns align “center” instead of to the left for each column. There just seems to be some quirks to it. LIke for example, these items as you see them, do not always stay in the columns, so sometimes I’ll open a browser and “facebook” ends up in the middle column and that column gets pushed up (not aligned at the top across the 3 columns).

    3. Page:
    Thank you. Are you saying the only/best way to do this is in wordpress settings? Or is there a way to create this somehow in my child theme files?
    And if I did want to do the slider, what suggestions would you have for that?

    Thanks again!

    1. searchbar – it’s now sitting below the main nav menu line, how can I get it within that menu using css? Thanks again!

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    1. searchbar – it’s now sitting below the main nav menu line, how can I get it within that menu using css?

    You’re getting close. πŸ™‚

    It doesn’t look like you wrapped your search-form template tag in a new div tag with its own CSS, like I showed you above. Want to give it another try?

    If you still have trouble, could you please paste the contents of your header.php in a Pastebin and link to it here so I can take a look. Thanks.

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    2. Footer:
    Ok, regarding the columns… I guess what i need to do is make the columns align “center” instead of to the left for each column.

    You could certainly try that and see how you like the look of it:

    #footer-col {
        text-align: center;
    }

    There just seems to be some quirks to it. LIke for example, these items as you see them, do not always stay in the columns, so sometimes I’ll open a browser and “facebook” ends up in the middle column and that column gets pushed up (not aligned at the top across the 3 columns).

    Maybe you could take a screenshot of this the next time it happens, and that might help me understand what might be going on.

Viewing 15 replies - 1 through 15 (of 33 total)
  • The topic ‘Search bar , Footer Columns, New Page Template’ is closed to new replies.