[pxforti]

the for home link, try /

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Go to settings > Reading > Front Page Displays and set your home page there. It works on my site.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Thank you, so then I should design the image at the largest possible max width, which in this case would be 341px?

That's what I'd do.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

max-width rule means the image or whatever can only be the max-width setting; eg, if container is 250px, the max-width rule says the element can be x-width of the container. For images or videos, that mean it will resize the image for smaller screen widths.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Codeacademy is a great place to start: http://www.codecademy.com/tracks/web

Very easy to use, interactive lessons.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Try changing home link to a link rather than a page. eg, in menu, remove link to home page and add a Link with # in the url field. As it is, your current menu home link is linked to a page so it does not show current class unless you click the home link.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

you could add a rule for images, video, iframe like this:

For example: .top-left img, .top-left iframe {max-width: 100%;}

But you should check your template; it might already have these rules.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

As long as the new site is on same server as old site, you could:
1. zip all files in old site and save them outside of public_html or whatever your web root is called.
2. copy all test files to the web root.
3. Use the following script to search and replace all urls (IMPORTANT: Before running this script, make a backup of your test site database.
http://interconnectit.com/products/search-and-replace-for-wordpress-databases/

Also, see this article: http://codex.wordpress.org/Moving_WordPress

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

in your style.css file, on line 1955, you will see the start of the green color css rules. If you don't already know css, there's no easy way to explain how to do it. It will require several changes.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Sorry: I meant to say width: 33.333% for each .entry

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

If you have only 3 items, it's pretty easy to use css to make each item 33.33%. That should do the trick. You might have to play around with the padding. You wouldn't have to use nth-of-type unless you plan to have multiple rows.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

you will have to write some css rules to change the menu color. There are no settings in the template for doing that.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

you will have to modify the menu css to make it smaller; eg, remove some padding from the menu links, maybe use a smaller font and get rid of uppercase letters

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

I finally figured this one out. the archive-recipe.php file works only for a single url; eg, /recipes.
Because I added custom taxonomy for hierarchical categories, I need a page called taxonomy-recipe-categories.php (recipe-categories is the taxonomy I registered.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Try updating your permalinks. Go to Settings > Permalinks and click Save.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

I think you need to add priority to it:

remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

something like below. you probably have to play around with width. Also, you might need more than one media query.

@media (max-width: 767px) {

.header-image #title-area {
background-size: 291px 83px;
}

}

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

after you entered the widget code, Did you go to Appearance > Widgets and drag the footer widgets into the 3 new footer widget areas?

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Look at these two rules in style.css

.lifestyle-pro-home .featured-content .entry {
margin-bottom: 20px;
margin-bottom: 2rem;
padding-bottom: 20px;
padding-bottom: 2rem;
}

.content .entry {
border: 1px solid #eeeee8;
margin-bottom: 32px;
margin-bottom: 3.2rem;
padding: 32px;
padding: 3.2rem;
}

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

I don't see that gap you describe in Chrome, Firefox, or Safari.

---

writeNowDesign
WordPress and Ecommerce Website Design

[Author]

Posts