full width buttons - Support | Kriesi.at - Premium WordPress Themes

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

Author

Posts
March 29, 2017 at 5:23 am #768565

StudioProjects
Participant

HI Folks!

I am trying to put four full width buttons under a slider as per http://www.oasisgreenerysystems.co.nz/living-walls/
What is the easiest way to do this, please?

Cheers

Andy

March 29, 2017 at 6:30 am #768587

Jordan Shannon
Inactive Moderator

Hey FuzeCreative,

Please provide a link to your site, and if possible admin info so we can look into getting this set-up for you.

Best regards,
Jordan Shannon

March 29, 2017 at 6:37 am #768593

StudioProjects
Participant

Hi Jordan

Thanks very much for that!
You will see on the home page where I have mucked around with using a 4/4, with no succes :)
The site is located at http://www.silhouettesystems.com.au

Login details in private content

A

March 29, 2017 at 7:23 am #768623

Jordan Shannon
Inactive Moderator

Hi,

I have set this up on the homepage via the ALB and some quick css. Please test and let me know if it is okay.

Best regards,
Jordan Shannon

March 29, 2017 at 8:38 am #768662

StudioProjects
Participant

Great work Jordan!

I will play around with it tonight…
I stupidly didn’t think about using the grid!

Cheers

A

March 29, 2017 at 8:48 am #768668

StudioProjects
Participant

Hi Jordan

I have changed the colours of the buttons to what the client has requested…
However if you look at the home page, you will notice that the colours aren’t filling the buttons properly.

So close, but not quite :)

Cheers

A

March 29, 2017 at 8:00 pm #769036
Jordan Shannon
Inactive Moderator
Hi,

That’s a quick fix. Just add the following to css:
```
.page-id-12 .buttonGrid .flex-cell{
padding:0px!important
}

.buttonGrid{
background:#666666!important;
}
```
Best regards,
Jordan Shannon
- This reply was modified 7 years, 8 months ago by Jordan Shannon.
March 30, 2017 at 12:23 am #769200

StudioProjects
Participant

Thanks Jordan

We are almost there! Just need to get the mouse-over colour filling the button.

A

March 30, 2017 at 7:57 am #769315

Jordan Shannon
Inactive Moderator

Hi,

That should already be applied. Please send a screenshot of what you are seeing on your end.

Best regards,
Jordan Shannon

March 30, 2017 at 8:02 am #769320

StudioProjects
Participant

not sure how to attach an image…no field provided for that purpose….

March 30, 2017 at 8:14 am #769325

Jordan Shannon
Inactive Moderator

Hi,

You can use the site snag.gy and then paste the link to it here.

Best regards,
Jordan Shannon

March 30, 2017 at 8:24 am #769333

StudioProjects
Participant

Try this – http://www.silhouettesystems.com.au/wp-content/uploads/2017/03/button.jpg

March 30, 2017 at 10:11 am #769383
John Torvik
Inactive Moderator
Hi,

To fix it, just add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
```
#av-layout-grid-1 .el_before_av_cell_one_fourth {
padding: 0 !important;
}
```
Best regards,
John Torvik
March 30, 2017 at 10:33 am #769401

StudioProjects
Participant

Thanks John…works perfectly :)

March 30, 2017 at 10:35 am #769403

StudioProjects
Participant

apart from the last cell :)

March 30, 2017 at 3:21 pm #769511
Jordan Shannon
Inactive Moderator
Hi,

I replaced the previous code with the following:
```
.ButtonGrid .flex_cell.no_margin.av_one_fourth {
padding: 0 !important;
}
```
It should be working for you now.

Best regards,
Jordan Shannon
Author

Posts

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

You must be logged in to reply to this topic.