Forum Replies Created
-
AuthorPosts
-
jbergenMember
Hi David,
You do have the correct CSS rule (style.css, line 1091) to change the background color of submenus. It's currently set to black (#000). I changed it to another color with my developer tools, and it worked fine.
Jamie
Jamie @ Ladebug Studios
September 11, 2014 at 2:36 pm in reply to: Searchbox in primary nav disappears when going mobile #124018jbergenMemberHi,
One option is to keep it displayed in the primary nav bar but just tweak its positioning. To keep it displayed, just remove the following rule in style.css, line 1430 (media query for max-width 960):
.genesis-nav-menu li.right { display: none; }
By changing the padding and alignment, you can get this:
I hope that helps!
Jamie
Jamie @ Ladebug Studios
September 11, 2014 at 1:54 pm in reply to: Help – Utility bar at very top, above header … how ? #124009jbergenMemberHi,
This tutorial from Carrie Dils should give you exactly what you're looking for. I used it on one of my sites to display a language switcher, and it worked great.
Jamie
Jamie @ Ladebug Studios
jbergenMemberI'm not familiar with that plugin, but if they're post types, then maybe you can just replace
if ( !is_post_type_archive( ‘portfolio’ ) ) { return; }
with:
if ( !is_post_type_archive( ) ) { return; }
That way it should work on all pages that are post type archives.
Jamie
Jamie @ Ladebug Studios
jbergenMemberAre you using taxonomies to display portfolio-type/services? If so, you'll use is_tax() for your conditional. See this reference.
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi!
From the JavaScript you posted, it looks like your function is designed to work only for the portfolio archive page, which seems to be exactly what is happening. For the "portfolio-type/services" page, it returns before executing. Could you just remove that conditional return statement? Or would that cause hover effects in undesirable places? If that's the case, you're going to have to add a conditional that allows it to work for your portfolio-type pages.
Jamie
Jamie @ Ladebug Studios
jbergenMemberAdding this to style.css will make your titles appear on your portfolio-type services page. You shouldn't have to add anything else for the hover effect to work.
.tax-portfolio-type .entry-title { display: block; }
Jamie
Jamie @ Ladebug Studios
jbergenMemberTo add the third row for your new page templates as you did for the portfolio page, you'll need this CSS:
.tax-portfolio-type .entry { float: left; margin-right: 5.263157894737%; width: 29.824561403509%; } .tax-portfolio-type .entry:nth-of-type(3n+3) { margin-right: 0; } .tax-portfolio-type .entry:nth-of-type(3n+1) { clear: left; }
As far as getting rid of the word "portfolio", it shouldn't show up anywhere if you're making regular posts (not portfolio entries) with assigned categories and writing category templates. And if you do it that way, they should be safe whether or not you have that portfolio custom post type that comes with the theme.
As far as showing the titles, you can use CSS as I showed you before to display them specifically on that page.
Jamie
Jamie @ Ladebug Studios
jbergenMemberThis reply has been marked as private.jbergenMemberYou won't see your custom page templates as options when you create a new page or menu item. They're basically generated automatically when someone goes to the url: yoursite.com/category/slug (assuming your category template was called category-slug.php). So basically you'll just make the category template, write posts that are assigned to that category, and then make that a menu option by going to Appearance -> Menus and selecting Categories (on the left below Pages and Links). Then you'll have a menu option that displays the custom category template for that category.
If you want, you can paste the category-services.php template you wrote and I can see why you're not seeing the featured image.
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi,
You can change the header background color to black by changing style.css, line 942, to:
.site-header { background-color: #000; }
I hope that helps!
Jamie
Jamie @ Ladebug Studios
jbergenMemberI'm not exactly sure what you mean by category sorting, but I suppose if you wanted to have a blog on your site, then you might want to exclude those specific post categories (e.g., services, etc.). But that type of thing is definitely possible.
Jamie
Jamie @ Ladebug Studios
jbergenMemberHappy to help! I think your best bet for having multiple different "portfolio" pages is to use categories, as you said. And I think this tutorial (the same one as before) will actually help with this. Basically, you'll use normal posts (instead of the Portfolio custom post type) and assign them to different categories. Then you can create separate pages to display each category.
Let me know if that's what you're looking for. (And you'll still want to save copies of all of the files you add or change in the theme just in case you ever want to update the theme.)
Jamie
Jamie @ Ladebug Studios
jbergenMemberOh, I see. Here's a tutorial on how to add your logo image to the header of a child theme. To display your company name to the right of the logo, you might just want to include that as part of your logo image. Otherwise, you'll have to add a separate text element and position it to the right of the logo the way I described in my first reply.
Jamie
Jamie @ Ladebug Studios
jbergenMemberHere's some more info:
1) Display titles ONLY on the portfolio page:
You can change style.css, line 803 back to
display: none;
:.entry-title { font-size: 30px; line-height: 1; display: none; }
And then you can write a more specific instruction to display entry titles only on the portfolio page:
.post-type-archive-portfolio .entry-title { display: block; }
2) Display all of my portfolios (no pagination):
The number of portfolio items that are displayed per page is set in functions.php. I've copied the code below. All you need to do is change
$query->set('posts_per_page', '6');
to$query->set( 'posts_per_page', '12' );
. I changed it to 12, but you can use any number that's equal to or greater than your current # of portfolio posts. It will look like this://* Change the number of portfolio items to be displayed (props Bill Erickson) add_action( 'pre_get_posts', 'minimum_portfolio_items' ); function minimum_portfolio_items( $query ) { if ( $query->is_main_query() && !is_admin() && is_post_type_archive( 'portfolio' ) ) { $query->set( 'posts_per_page', '12' ); } }
3) Change the page from PORTFOLIO to SERVICES:
The reason it's called PORTFOLIO is because that's how it's defined as a custom post type in functions.php. You could replace "portfolio" with "services" in functions.php as shown below. However, be aware that you'll lose your current portfolio posts. Also be aware that if you make these changes, you'll lose everything if you ever update your theme.
//* Create services custom post type add_action( 'init', 'minimum_services_post_type' ); function minimum_services_post_type() { register_post_type( 'services', array( 'labels' => array( 'name' => __( 'Services', 'minimum' ), 'singular_name' => __( 'Services', 'minimum' ), ), 'exclude_from_search' => true, 'has_archive' => true, 'hierarchical' => true, 'menu_icon' => 'dashicons-admin-page', 'public' => true, 'rewrite' => array( 'slug' => 'services', 'with_front' => false ), 'supports' => array( 'title', 'editor', 'author', 'thumbnail', 'excerpt', 'trackbacks', 'custom-fields', 'revisions', 'page-attributes', 'genesis-seo' ), ) ); }
and:
//* Change the number of services items to be displayed (props Bill Erickson) add_action( 'pre_get_posts', 'minimum_services_items' ); function minimum_services_items( $query ) { if ( $query->is_main_query() && !is_admin() && is_post_type_archive( 'services' ) ) { $query->set( 'posts_per_page', '12' ); } }
I hope that helps!
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi!
I took a look at your theme and found the part of style.css that will make the portfolio 3 columns. All you need to do is replace the portion of style.css from lines 1252 to 1266 with this:
.post-type-archive-portfolio .entry { float: left; margin-right: 5.263157894737%; width: 29.824561403509%; } .post-type-archive-portfolio .entry:nth-of-type(3n+3) { margin-right: 0; } .post-type-archive-portfolio .entry:nth-of-type(3n+1) { clear: left; }
That will give you this:
I'll get to your other questions shortly.
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi,
The titles are currently hidden by this rule in style.css, line 803:
.entry-title { font-size: 30px; line-height: 1; display: none; }
You can show them by removing the
display:none;
line.This tutorial shows how to change from a two-column grid to a three-column grid.
I'm not sure about changing Portfolio to Services because I'm not sure which theme you're using. You might want to post that specific question again and mention which theme it is.
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi,
You've done a nice job on the site. I think the reason the buttons are so far down is due to the line breaks in their HTML markup (shown below):
<div class="one-fourth"> <form target="_blank" method="post" action="https://www.paypal.com/cgi-bin/webscr"> <input type="hidden" value="_s-xclick" name="cmd"></input> <br></br> <input type="hidden" value="TZUKLXL8ZM93U" name="hosted_button_id"></input> <br></br> <input class="button" type="submit" title="PayPal - The safer, easier way to pay online!" name="submit" value="Hold Tickets"></input> <br></br> </form> </div>
When I removed the line breaks, I was able to get this:
If you want to push down your text so all the text is along the same line, you can add this to style.css:
.entry-content .one-half { margin-top: 13px; }
And you'll get this:
I hope that helps!
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi,
I looked at your site in a couple of different browsers, and I'm not seeing the header move when I hover over the menu items. Have you fixed the problem, or am I not understanding it properly?
Jamie
Jamie @ Ladebug Studios
jbergenMemberHi,
Is this the type of positioning you're looking for?
To achieve that, I modified style.css as follows:
line 954:
.title-area { float: left; padding: 0px 0px 4px; width: 420px; position: relative; }
line 983:
.site-description { color: #AAA; font-family: "Lato",sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; position: absolute; right: -180px; top: 8px; }
If this is how you want it to look, you're also going to have to add some media queries to adjust the positioning for screen widths <= 1023 px.
Jamie
Jamie @ Ladebug Studios
-
AuthorPosts