Opinion: Shopify Community - Design

Caroline Schnapp commented on Customize Tellus Theme?

Caroline Schnapp — Sat, 21 Nov 2009 06:36:39 +0000

Can you provide a link to what you've got, jc?

Caroline Schnapp commented on Customize Tellus Theme?

Caroline Schnapp — Sat, 21 Nov 2009 06:22:26 +0000

You have to change the width of all these divs:

#container (now is 916px)

#content (now is 800px)

#main (now is 597px)

#sidebar (now is 193px)

Make sure that:

width of #content + (58 x 2) = width of #container

width of #main + width of #sidebar + (5 x 2) = width of #content

You will also need (as you said) to re-do quite a few background-images in Photoshop.

m commented on Remove "Moderno" frontpage image yellow bar

Sat, 21 Nov 2009 04:48:38 +0000

Thaaaaaaaaaank you sooooooooo much!!!!!!!!!

That did it! It worked PERFECTLY!!!!! I was struggling with that for so long...I can't even tell you!

I truly appreciate it! You are a genius!

Thank you, thank you, thank you!

:-D

Caroline Schnapp commented on Remove "Moderno" frontpage image yellow bar

Caroline Schnapp — Sat, 21 Nov 2009 02:32:40 +0000

Yep, you did not remove that h5 heading from index.liquid. You'll have to do that.

m commented on Remove "Moderno" frontpage image yellow bar

Sat, 21 Nov 2009 02:28:22 +0000

Sure,

http://mattrodesign.myshopify.com/

Thank you for your prompt response.

I have to run out now, but I'll check back here first thing when I get back!

Customize Tellus Theme? by jcm

jcm — Sat, 21 Nov 2009 02:28:15 +0000

I'd like to widen the Tellus Theme and I've got everything figured out except for the white background box. I think it is the bg-content.gif image that needs to be modified. But when I've edited the image, nothing happens...

Can anyone give me a clue as to what I'm missing? Why can't I increase the width of the content?

Thanks,

J.C.

Caroline Schnapp commented on Remove "Moderno" frontpage image yellow bar

Caroline Schnapp — Sat, 21 Nov 2009 02:24:59 +0000

If you can, please provide a link to the page that's giving you trouble.

Caroline Schnapp commented on Remove "Moderno" frontpage image yellow bar

Caroline Schnapp — Sat, 21 Nov 2009 02:24:11 +0000

If you had deleted or commented out the h5 heading from index.liquid, you should not be seeing any more yellow line there.

Caroline Schnapp commented on Remove "Moderno" frontpage image yellow bar

Caroline Schnapp — Sat, 21 Nov 2009 02:22:09 +0000

Do you mean that yellow bar over the product image on the home page?

How did you eliminate the text?

Remove "Moderno" frontpage image yellow bar by m

Sat, 21 Nov 2009 02:01:45 +0000

I'm wondering if anyone knows what line of code eliminates the yellow line that covers the main collection image on the "Moderno" theme.

I've already eliminated the text in the yellow area, but there is still a small line segment remaining.

Any help would be greatly appreciated.

Thank you in advance.

Caroline Schnapp commented on Inserting an image onto my home page

Caroline Schnapp — Fri, 20 Nov 2009 23:46:36 +0000

Cough, even some of the best themes in Shopify's catalog use inline CSS, cough.

Jamie commented on Remove Butterfly Background from Reconfigured

Jamie — Fri, 20 Nov 2009 23:26:51 +0000

Hey Emil

The two things I can think of on that theme to get rid of the green prices are:

#price-field
.info-box span

Find those in the all.css and change the color to whatever you want.

Jamie commented on Inserting an image onto my home page

Jamie — Fri, 20 Nov 2009 23:19:13 +0000

Yours is good too Tetsuro. :)

I use it often if I have a quicky. And for anyone who doesn't want to delve into the fabulous world of css Tetsuro's is the easy one-off solution.

Emil Congdon commented on Remove Butterfly Background from Reconfigured

Emil Congdon — Fri, 20 Nov 2009 22:58:37 +0000

Great help. Thank you! Do you know how to change font colors? I have a bright green font in my frontpage collection for price and I dont care for it. Thanks again.

Tetsuro commented on Inserting an image onto my home page

Tetsuro — Fri, 20 Nov 2009 22:52:49 +0000

^word. Jamie's code is much cleaner: please use his example instead.

Jamie commented on Inserting an image onto my home page

Jamie — Fri, 20 Nov 2009 22:33:50 +0000

You can also target this in your css if you use some liquid in your body tag:

<body id="{{template}}-{{page.title }}">

Then you can target very specific pages in your css instead of inline. It will keep your mark-up cleaner if you have a bunch of these going on.

#page-About {background:#000;}

Tetsuro commented on Inserting an image onto my home page

Tetsuro — Fri, 20 Nov 2009 22:13:10 +0000

You can change the background color based on a particular page by using some Liquid and some inline CSS.

For example,

<body {% if page.handle == "frontpage" %}style="background: #000;" {% endif %}>

The above code will change the background color to black (#000) if the user is on a page with the handle "frontpage".

icelandicody commented on Damsel in Distress: help me with some customization issues please!

icelandicody — Fri, 20 Nov 2009 21:48:34 +0000

Thank you--I found a tutorial by searching "link list" instead of "linklist." The issue was that the instructions said "if you create a linklist with the handle categories, it will appear here," but there were no instructions how to do that. I found out that I could do it in the navigation menu. Thanks!

Stuart Whitman commented on Using product tags to display product attributes and additional product metadata

Stuart Whitman — Fri, 20 Nov 2009 21:32:40 +0000

Thanks for the reply Caroline should have put a mention about that in the tutorial.

I've also changed the filters slightly to incorporate Capitalization. See below for revised example:

{% assign attribute_keyword = 'att:' %}
{% assign marker = ':' %}
{% assign found = false %}
{% for tag in product.tags %}
    {% if tag contains attribute_keyword %}
	   {% if found == false %}
              {% assign found = true %}<dl>
	   {% endif %}
	      {{ tag | remove: attribute_keyword | replace_first: marker, ' '| capitalize | replace_first: ' ', '</dt><dd>' | prepend: '<dt>'  | append: </dd> }}
	   {% endif %}
    {% if found and forloop.last %}</dl>{% endif %}
{% endfor %}

Jamie commented on Damsel in Distress: help me with some customization issues please!

Jamie — Fri, 20 Nov 2009 21:31:17 +0000

Can you explain what you mean by 'category'? Do you mean vendor? product type? collection? etc...