Icon boxes: alignment issues and link in text

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 15 replies, 3 voices, and was last updated 10 years by laranz – SUPPORT.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Back to forum

Posted in: Dante
September 9, 2014 at 3:52 pm #108746

rainjavi
Member

Post count: 9

I am looking to Create a sidebar with the left icon box alt shortcodes. I noticed that with a box with icon fa-usd, without a link the icon aligns to the center of the other ones, but with a link it aligns to the left. Is there a way to fix that? see photos attached.

also, is there a way to create a link in the text of the icon boxes as well as make the icon the link? Coding it into the text hasn’t been working for me.

Attachments:
You must be logged in to view attached files.

September 9, 2014 at 11:49 pm #108878

laranz – SUPPORT
Member

Post count: 3186

Hi,

Can you show us the direct website URL so that we can inspect and let you know, You want to create like this?? http://support.swiftideas.net/wp-content/uploads/2014/09/Screen-Shot-2014-09-09-at-10.47.29-AM-2.png without any links in the icons, but links on the text right?? If I am wrong please explain what you are trying to achieve.

Let us know,

Thanks,
laranz.

September 15, 2014 at 9:08 pm #110943

rainjavi
Member

Post count: 9

http://www.discovertemporary.com/

You are right. The ideal would be both. right now the links are on the icons for the top two, but not for the bottom one, because of the alignment issue.

September 15, 2014 at 10:36 pm #110960

laranz – SUPPORT
Member

Post count: 3186

Hi,

Add the link back, and then add a custom CSS class for that icon box, ( say a dollarIcon ) then add this in the Cusotm CSS.

.dollarIcon a { margin-left: 10px; }

Let us know,

Thanks,
laranz.

September 16, 2014 at 2:42 pm #111243

rainjavi
Member

Post count: 9

Ok, that will work great! Do you have a solution to the other problem? For some reason i can’t a link in the text of the box.

September 16, 2014 at 2:58 pm #111251

Kyle – SUPPORT
Moderator

Post count: 35880

Where have you tried adding a link?

– Kyle

September 16, 2014 at 3:07 pm #111258

rainjavi
Member

Post count: 9

In the headline of the icon box

September 16, 2014 at 3:09 pm #111259

Kyle – SUPPORT
Moderator

Post count: 35880

Doesn’t seem to be wrapped in a link? (see screenshot)

– Kyle

Attachments:
You must be logged in to view attached files.

September 16, 2014 at 3:13 pm #111261

rainjavi
Member

Post count: 9

yeah, that’s because i’m dumb. i don’t know why it didn’t work the first time but its working now. thanks.

September 16, 2014 at 3:15 pm #111262

Kyle – SUPPORT
Moderator

Post count: 35880

Ok no problem

– Kyle

September 16, 2014 at 3:18 pm #111267

rainjavi
Member

Post count: 9

well no wait a minute. the swift page builder shows the text linked, but nothing is displaying on the page:

http://www.discovertemporary.com/

Attachments:
You must be logged in to view attached files.

September 16, 2014 at 3:24 pm #111273

Kyle – SUPPORT
Moderator

Post count: 35880

Thats odd, please could you provide me with a login so I can check?

– Kyle

September 16, 2014 at 3:26 pm #111274

rainjavi
Member

Post count: 9

This reply has been marked as private.

September 16, 2014 at 4:21 pm #111304
Kyle – SUPPORT
Moderator

Post count: 35880
Ok I’ve set up the icon boxes using the page builder, you just need to change the content for the second 2, then delete your old icon boxes which you will see below.

Also you will need to add this to your custom css:
```
.sf-icon-box-content p:empty {
display: none;
}
```
– Kyle
September 16, 2014 at 6:41 pm #111333

rainjavi
Member

Post count: 9

thank you!
Back to forum

Posted in: Dante