[tpietri]

Is there a way to set the buttons in my service area so they won’t automatically resize? I tried making them 200 px x 600px, which I figured would come close to the text width, but the button was automatically resized and scrunched.

Thanks for your help.

[tpietri]

Hello? Anyone there?

I’ve scoured the forum and haven’t been able to find anything.

Thanks.

[ahmetsali]

Hi, by default service area doesn’t have buttons, have icon and text. If you could provide us a live preview link we can help you more.

[tpietri]

Thanks for getting back to me.

So my plan was to put rectangular icons in, and then, once that’s done, turn them into custom buttons (really just .jpgs with links, I suppose).

I’ve only tried one, which is the box on the far right which says “Furniture”

Once placed this jpg gets squished so it’s square. I don’t get it.

Also, while we’re on the subject of services, when I test the responsiveness, both by resizing my browser window and looking at smaller devices (iPhone, android phone), my text ends up running to the side in a single line, instead of resizing as a paragraph box.

You can see these issues at

http://www.asterworkshops.com

Thanks for your help!

Tom

[ahmetsali]

Hi, i see, paste the custom css code below to the Theme Settings > Style > Custom CSS box;

.hero-unit { word-wrap: break-word; padding: 20px 30px 10px 30px; }
.services img { width: auto; height: auto; max-width: 70%; }

[tpietri]

Thanks for the prompt reply, Ahmet.

Unfortunately, there seem to be a couple of issues:

The size is now totally out of whack (which may be my fault, I’ll tweak the size to see if that solves it).

The .jpg seems to be right justified instead of centered.

If this is not an easily solvable issue, I may just go with the standard square .jpgs, which would also work just fine.

Also, each services text box still doesn’t resize when the browser window changes or when viewed on a smaller screen. The text just turns to one line and runs out the right-hand side of the browser window.

Thanks again for all your help. I’m very happy with the way my site looks. You guys do great work.

Tom

[ahmetsali]

Hi again, i see you have used “Text Widget” for homepage service shortcodes, use “Responsy Editor Content” instead for service shortcodes, this way you will preserve responsive layout for services.

[tpietri]

I tried this originally, but when I put the “responsy editor content” widget in my “portfolio with slider box” it only gives me a “title” field with no place to enter shortcode. This is what led me to the text widget, which I thought would get the same result. Clearly I was wrong.

Is there some other place that the shortcode gets entered once I’ve placed the widget?

Thanks.

[ahmetsali]

You will enter shortcodes more easily from page’s itself by editing the page, go to Pages > Edit homepage and put any content to text editor, this will show up if you use “Responsy Editor Widget”.

[tpietri]

Fantastic. Thanks so much.