Ripen Theme - how to add images and logos, please help...

Highlighted
New Member
104 0 0
Hello, I'm using the Ripen Theme and want to add my own .gif logo to the header as well as adding a few images to the front page as well. I have beeen through all the the theme.liquid, the templates and the assets but can't for the fife of me see where the header.gif is located? Also where would I add images to the front page? in the theme.liquid? Sorry for being dumb, I'm new to shopify, HTML and CSS and am on a steep learning curve! Any advice would be greatly appreceated! Thanks in advance!
Mark http://vintageletterlights.com
0 Likes
Highlighted
Shopify Expert
172 0 3
To add more featured images to the front page just create new products in Shopify then edit the "frontpage" collection (also in Shopify) and just add your new products. To add a gif logo to the header you'll need to edit *theme.liquid*. Find this bit of code:


...and replace the h2 tag with a link to your gif. Once you've done this, you might need to edit the #header entry in the CSS file to get your logo to line up as you want it. Hope that helps. Post a link to your shop when it goes live. I'd love to see it in action. John
John --- http://experts.shopify.com/patternhead --- www.rawsterne.co.uk --- http://twitter.com/patternhead --- A few Shopify sites that I've worked on... http://oreedesign.com/ ::: www.carstache.com ::: www.waltzingmousestamps.com ::: http://shoprustyknuckles.com ::: www.papermash.co.uk ::: http://shop.mulberryroad.com
0 Likes
Highlighted
New Member
104 0 0

here’s a link to what I have achieved so far…

http://keepcalmandcarryon.com/

Before last week I had never touched HTML or CSS ever, I think I need to do a course in it to bring me up too speed!!!

As you can see on the front page, the images of my featured products are a bit small and I’d like to make them a bit larger. How would I do this? Is it controlled by the stylesheet?

I managed to add the image of the bloke wearing a T-Shirt to the right hand side in the theme.liquid file, which I presume is the correct place for it? All I’d like to do now is too move it down a bit so the bottom of the trousers are sitting on the top of the footer.

Sorry to bombard you with all these questions, I’ve a great deal to learn!!!

Mark http://vintageletterlights.com
0 Likes
Highlighted
New Member
32 0 0

Anyone who wants to edit a Shopify website or any website, should download the Mozilla Firefox browser, then get the Web Developer add-on. There’s more stuff in here than you’ll ever need, but once you play with it and get it figured out, you’ll find editing your Shopify site much easier.

https://addons.mozilla.org/en-US/firefox/addon/60

For a better understanding of CSS, W3School’s Tutorial is fantastic. There is a CSS reference in here that lists all the possible CSS properties, description and values.

http://www.w3schools.com/css/default.asp
http://www.w3schools.com/css/css_reference.asp

Before you do any editing to your site, make sure you create and save a backup copy of your original Shopify files in case one of your edits causes a problem. You want to be able to get back to what worked if an edit causes an element to conflict with another.

If you need more explanation to a problem, simple web searches will often turn up a lot of info.

Ken

0 Likes
Highlighted
New Member
104 0 0

Many thanks, I shall take a look…

Mark http://vintageletterlights.com
0 Likes
Highlighted
Shopify Expert
172 0 3
Mark You can also find some useful info in the "Shopify design wiki":http://help.shopify.com/design/ John
John --- http://experts.shopify.com/patternhead --- www.rawsterne.co.uk --- http://twitter.com/patternhead --- A few Shopify sites that I've worked on... http://oreedesign.com/ ::: www.carstache.com ::: www.waltzingmousestamps.com ::: http://shoprustyknuckles.com ::: www.papermash.co.uk ::: http://shop.mulberryroad.com
0 Likes