Your cart is currently empty!
This can all be done from the home.php file. It reads and displays the widgets in the order they are presented in the file, so you would simply just switch the order of the functions/widgets.
Currently there isn’t a known way to do this just yet. The only way I know of is to manually add the html code itself.
You can also have multiple (separate) portfolio pages based on category.
If you need a portfolio with a lot of features and options, I’d recommend searching WordPress for a plugin that can handle what you need. I don’t know of anything specifically, but I have seen plenty of Genesis users who implemented different portfolio/gallery plugins to do what you’re referring to.
Ok now I see. The reason its not showing in the footer is because you styled it specifically for the #header ID, which means it will only show those styles (icons, font, color, etc) if that specific menu code is placed in the header.
You would need to style it to show in the footer as well……or remove the #header ID so it can be used regardless of where the code is located.
You would have to place the widget into your footer so that I can see what the issue may be. Currently I don’t see any icons in your header area, its just a menu.
You’re Welcome
Since this has been resolved I’ll close the thread.
Remove the width from line 174 (#header) and add it to 181 (#header .wrap). The #header will be the outer background and the .wrap will be the inner content.
Which icons are you referring to?
It’s your #header. Look on line 174 and change the margin-top to 0. You currently have it set to 20px.
You’re Welcome
Also, to answer your other question (from the email)
I mistakenly added a “clear: both;” to “entry-content p” on line 942 in the style.css file. If you remove the “clear: both;” it will work properly.
.entry-content p {
clear: both;
}
Let me know if that works.
You’re Welcome!
Yes you can. Here is the plugin that is being used – http://wordpress.org/extend/plugins/dropdown-menus/ The documentation is in the read-me file inside of your lib folder of the theme, and can also be found on the plugin site as well. The code/function was added in the functions.php file so you can customize it however you would want it to be displayed.
/** Dropdown Menu */
add_action( 'genesis_after_header', 'drop_menu');
function drop_menu() {
echo '<div class="drop-menu">';
dynamic_sidebar( 'dropdown-menu' );
echo '</div><!-- end .drop-menu -->';
}
You’re Welcome!
Once you remove that section, you’ll also need to remove that same function from the top areas of the home.php
You can add something like this in your functions.php file, and adjust where you want it to show –
add_action('genesis_before_footer', 'adapt_home_loop_helper_middle2');
function adapt_home_loop_helper_middle2() {
echo '<div class="home-feature-wrap">';
if ( is_active_sidebar( 'home-feature-1' ) ) {
echo '<div class="home-feature-1">';
dynamic_sidebar( 'home-feature-1' );
echo '</div><!-- end .home-feature-1 -->';
}
if ( is_active_sidebar( 'home-feature-2' ) ) {
echo '<div class="home-feature-2">';
dynamic_sidebar( 'home-feature-2' );
echo '</div><!-- end .home-feature-2 -->';
}
if ( is_active_sidebar( 'home-feature-3' ) ) {
echo '<div class="home-feature-3">';
dynamic_sidebar( 'home-feature-3' );
echo '</div><!-- end .home-feature-3 -->';
}
if ( is_active_sidebar( 'home-feature-4' ) ) {
echo '<div class="home-feature-4">';
dynamic_sidebar( 'home-feature-4' );
echo '</div><!-- end .home-feature-4 -->';
}
echo '</div><!-- end #home-feature-wrap -->';
}
If you are using the Legacy default theme (black) then look on or around line 146 in your style.css file –
/* Hyperlinks
------------------------------------------------------------ */
a,
a:visited {
color: #000;
text-decoration: none;
}
…..and change #000 to whatever color you need.
You’re Welcome!
First adjust the width and height to the size that you need in your functions.php file –
add_image_size( 'home-portfolio-thumbnail', 150, 150, TRUE );
Then download and run a plugin called Regenerate Thumbnails – http://wordpress.org/extend/plugins/regenerate-thumbnails/. This plugin will automatically regenerate all of the image thumbnails of your site to adjust to the changes you made in your functions file.
Let me know if this works.
You’re Welcome!
When you click on an image in the demo, the prettyPhoto slideshow is what comes up and displays all of the images. You can turn this off and have the images link to the post by doing the following –
In your “page_portfolio.php” file in your theme, look for the area that looks like this (should be around line 50) –
// Add Featured Image for the Portfolio posts in this Page Template
add_action('genesis_before_post_content', 'legacy_portfolio_do_post_image');
function legacy_portfolio_do_post_image() {
$img = genesis_get_image( array( 'format' => 'html', 'size' => 'portfolio-thumbnail', 'attr' => array( 'class' => 'alignnone post-image' ) ) );
printf( '<a href="%s" rel="prettyPhoto[gallery1]" title="%s" rel="nofollow">%s</a>', genesis_get_image( array( 'format' => 'url', 'size' => 'Portfolio Full', 'attr' => array( 'class' => 'alignnone post-image' ) ) ), the_title_attribute('echo=0'), $img );
}
Then replace that code with the code below –
// Add Featured Image for the Portfolio posts in this Page Template
add_action('genesis_before_post_content', 'legacy_portfolio_do_post_image');
function legacy_portfolio_do_post_image() {
$img = genesis_get_image( array( 'format' => 'html', 'size' => 'portfolio-thumbnail', 'attr' => array( 'class' => 'alignnone post-image' ) ) );
printf( '<a href="%s" title="%s" rel="nofollow">%s</a>', get_permalink(), the_title_attribute('echo=0'), $img );
}
It looks like you haven’t set an image size for the new version of the portfolio thumbnail you created in your functions.php. It should look something like this –
add_image_size( 'portfolio-thumbnail', 210, 150, TRUE );
The images in the adapt portfolio demo show a width of 210px because the portfolio-thumbnail is set in the page_portfolio file. The image size references the code in the functions.php file (just like the code above) .
Your site shows the images are around 600px in size (the adapt demo has these all set at the same size). So I’m guessing that when you made a duplicate version of the portfolio code, you probably didn’t create the image size in your functions file.
…..that could explain the 2nd issue as well
Does that make sense?
You’re Welcome!
You can try adding this to the portfolio section of your css –
#content .portfolio h2 {
text-align: center;
}
Let me know if that works
Download and run a plugin called Regenerate Thumbnails – http://wordpress.org/extend/plugins/regenerate-thumbnails/ ….it will show up in Tools > Regen. Thumbnails
This should even out all of your images in the featured posts, pages, slideshow etc.
Whoops! I saw “3 instead of 4” and I immediately thought of footer-widgets when I replied, sorry about that (its been a long day full of multi-tasking).
To get the images to all be the same size, download and run a plugin called Regenerate Thumbnails – http://wordpress.org/extend/plugins/regenerate-thumbnails/ and it should regenerate all of the images at the size you have selected in the widget.
You can add your content to the 3 footer widgets, (leaving the 4th widget area blank of course).
In your style.css file look for the footer-widgets-1, 2 and 3 and you can replace them with the code below, as a start –
.footer-widgets-1 {
float: left;
margin: 0 30px 0 0;
width: 300px;
}
.footer-widgets-2 {
float: left;
margin: 0 30px 0 0;
width: 300px;
}
.footer-widgets-3 {
float: right;
margin: 0;
width: 300px;
}
It should be on or around line 1777 of your style.css file (if you haven’t already made changes to it.)
Let me know if that works
I would copy the page_portfolio theme of adapt, and rename it. It’s almost the same exact code.
You could look at both files and see what you would need to add/remove to get adapt to look like agile…..don’t forget the css, as well as the functions file, the code that creates the options for agile is there and would need to be copied over to adapt.
You’re Welcome!
Currently the max-width for the #wrap is 1250px, which would fit about 6 images in a row. You could increase or decrease this number if you wanted to, but it will change the width of your entire site as well.
Another option – In my other themes, I have code that adds a clear: both; after a certain number of posts…….in other words, it does exactly what you are asking for, and you control at which number/post everything starts over and creates a new row.
You can add this to your home.php file and it should work (adjust the loop counter number if needed) –
// Remove standard loop
remove_action('genesis_loop', 'genesis_do_loop');
// Clear float using genesis_custom_loop() $loop_counter variable
// Outputs clearing div after every 5 posts
// $loop_counter is incremented after this function is run
add_action('genesis_after_post', 'portfolio_after_post');
function portfolio_after_post() {
global $loop_counter;
if ( $loop_counter == 4 ) {
$loop_counter = -1;
echo '<div class="clear"></div>';
}
}
}*/
You’re in luck! I used this plugin to do something similar a long time ago, its called Post Types Order – http://wordpress.org/extend/plugins/post-types-order/
Once you install it, look for the re-order link under the posts menu in your wp admin. Everything else is pretty simple, basically just drag and drop the posts in the order that you want them to be.
Ok, great!
Ok, sounds good…….You’re Welcome!
Add this around line 1792 – #footer-widgets a { color: #000; } ….change the color to whatever you need.
I thought this was the Optimal theme for a sec
With the code that was originally there, you were able to have unlimited posts on the front page. Maybe you can check your Genesis theme settings to make sure you don’t have the blog set to show 10 posts.
I’m not an expert when it comes to custom loops just yet and I don’t want to give you the wrong advice. I would suggest checking StudioPress for more info on how they work if you’re unable to figure it out – http://www.studiopress.com/tutorials/community
Thats the only way that I’ve heard of at the moment. If it were me, I would use that plugin, (as long as it works) and then style it to match the Legacy version. If you can get it up on your site, I can take a look and see if it will be easy to style or not (to match Legacy.)
Usually when that happens, it means you haven’t properly opened or closed out a div. The reason why it only happens on the homepage, is because you edited the home.php file, and there is an error in your code somewhere. I would double check to make sure you have Opening
tags typed correctly.
Thats a good question, but I’m not sure exactly since I’ve never done it with Genesis before. I did a quick search in the StudioPress forum and saw your post. Did this not work? – http://www.studiopress.com/support/showthread.php?t=98994&highlight=search+secondary
You’re Welcome
What are you trying to figure out?
Remember, your home featured posts and bottom sidebar should both sit inside of a div container with a defined width (960px). Use the home-bottom div container as an example, it currently wraps around the home-bottom sidebar 1 & 2 on your site….the same should be done with the bottom posts, and sidebar.
You need to wrap the home-bottom-sidebar and the home bottom featured posts in a div to separate it from the home bottom sidebar 1 & 2. Everything is floating left and right, and you don’t have a div wrapped around the home-bottom-sidebar and featured posts to prevent it from floating up like it is.
Do you have a link that I can take a look at to see what the issue may be?
If you purchased in the very beginning there were a couple css issues with the menus that I immediately fixed and updated in the theme.
If you wanted to, you could just copy the style sheet of the demo directly and add it to your style sheet and see if that fixes the problem. – http://goo.gl/FkVoc
Also, the reason your account doesn’t show the Optimal theme is because the StudioPress accounts aren’t associated with Appfinite, we’re 2 separate sites. So if you purchased from StudioPress you would visit their forum for support, and if you purchased from this site then you would use our forum. I’m the one that handles the support on both sites either way, so you wouldn’t miss out on anything if you purchased from here or SP.
Since you already purchased another theme from this site, it enables you to use any part of the forum, so you can use this forum or the StudioPress forum if you wanted to.
Which section in particular did you have a question about?
Whatever code you add to the main part of you site’s css, you’ll also need to add to the responsive sections of your css in order for it to be responsive.
First you would need to widen the width of the .home-featured-posts div container so it will line up with the theme width, 960px….(unless you plan to do something different).
Next look for – “.featuredpage .page, .featuredpost .post” around line 1410 and give it a width, replacing the “100%” that is currently there. You can start with 300px, and they should all float across.
The Genesis Responsive Slider – http://wordpress.org/extend/plugins/genesis-responsive-slider/
StudioPress has a post that explains how to do it here – http://www.studiopress.com/tips/google-web-fonts.htm
Then place your chosen font in the #title area on or around line 183 of your style.css
Ok I just got it fixed. If you look on or around line 2573 in your style.css file (this may be located on a different line if you made changes to this file) you’ll see something that looks like this –
#content .home-posts img {
height: 100%;
margin-bottom: 20px;
width: 100%;
}
The height: 100%; is what is causing the issue and needs to be removed or replaced with “auto”. So it should look like this –
#content .home-posts img {
height: auto;
margin-bottom: 20px;
width: 100%;
}
I have updated the theme, so you can either manually make the changes by editing your style.css or you can re-download the theme from your account page – https://appfinite.com/my-account ….(only do the second option if you haven’t already made changes to your style.css)
Thanks for pointing that issue out.
Let me know if that works.
Oh wow, I just took a look at it on my iPod and now I see what you mean! Let me work on this and I’ll let you know as soon as I have the solution.
Ok, give me a sec to take a look at some things to see what it could be.
In the meantime, have you used the Regenerate Thumbnails plugin? – http://wordpress.org/extend/plugins/regenerate-thumbnails/ Sometimes when we upload images in WordPress they may appear the incorrect size, and this plugin goes through and regenerates them to be the correct size as specified in the theme.
I don’t have an iPhone so I have to use something like this to check – http://www.studiopress.com/responsive/?demo.appfinite.com/imagery If you look at this link does it appear the same way or does it show different on your iPhone?