Menu icon Foundation

Designer | Dubai

My Posts


  • NEW
  • Equalizer thumbs

    By Phil Doughty

    Equalizer thumbs

    Hi, I'm trying to get the "Company Name" to float at the bottom of each thumb. As you can see from the different sized thumbs in the link the "Company Names" are all at different heights. http://www.arabuild.ae/principals/ How can I get the "Compan... (continued)






My Comments

Phil Doughty commented on Phil Doughty's post over 4 years

I figured a way out by using this HTML:

<ul class="small-block-grid-3 medium-block-grid-4 large-block-grid-5">
<li>
  <figure>
    <div><img src="/logo-refin.png" alt="Logo Refin" /></div>
    <figcaption>Ceramiche Refin</figcaption>
  </figure>
</li>
<li>
  <figure>
    <div><img src="/logo_altaeco.png" alt="Logo Altaeco" /></div>
    <figcaption>Altaeco Gruppo Industriale</figcaption>
  </figure>
</li>
<li>
  <figure>
    <div><img src="/logo_antigua.png" alt="Logo Antigua" /></div>
    <figcaption>Antigua Revestimentos Artesanais</figcaption>
  </figure>
</li>
<li>
  <figure>
    <div><img src="/logo_appiani.jpg" alt="Logo Appiani" /></div>
    <figcaption>Appiani Mosaics</figcaption>
  </figure>
</li>

And then using this CSS:

ul > li > figure > div {    
    position: relative;
    height:150px;
}

ul > li > figure > div > img{
    position: absolute;
    left: 0;
    bottom: 0;
}

Phil Doughty commented on Ole Fredrik Lie's post almost 5 years

Does anyone know how I could disable breadcrumb links?
I have a page like this:

http://www.arabuild.ae/products/tiles-mosaics/terracotta/natural-clay/

the breadcrumbs menu is generated from the side bar menu:

HOME / PRODUCTS / TILES & MOSAICS / TERRACOTTA / NATURAL CLAY

I tried to do this via css but the functionality still remains. I'd rather the middle links / TILES & MOSAICS / TERRACOTTA / were just plain (un-clickable) elements. I don't want the middle links to take users to those pages because there is no content.

so - Does anyone know how to disable only some of the breadcrumb links? any dirty hack will be considered.

Phil Doughty commented on Phil Doughty's post almost 5 years

Thank you so very much Malou Geurts, that was driving me crazy.

Phil Doughty commented on Ole Fredrik Lie's post almost 5 years

I'm trying again. Does any one know (when in smaller screen size) what would cause the hamburger to stop functioning on the home page? http://www.arabuild.ae/

Yet the hamburger works fine on all other pages ie: http://www.arabuild.ae/products/

Any help is much appreciated
Thanks

Phil

Phil Doughty commented on Ole Fredrik Lie's post about 5 years

As in the picture (check link) that I mocked up in photoshop - I want the Parent links to have a '+' link or 'Hamburger' link to show/hide the child links. Because when all the Child links are opened & visible, they push down off the phones screen the remaining Parent links below, making them invisible without scrolling.

How can I create this menu with '+' & '-' open/collapse buttons (or similar buttons) using the Wordpress menu system & FoundationPress?

http://s25.postimg.org/vjf2iwlgv/Screen_Shot_2014_11_15_at_2_06_38_pm.jpg

Thank you
warm regards

Phil

Phil Doughty commented on Ole Fredrik Lie's post about 5 years

Hi,

I only have a plugin code as the only content inside the wordpress loop

My problem is the page I named as "HOME" intended to be static does not responded when I click on the left side off canvas menu hamburger button. I doesn't matter what template I use, I get the same non-opening result. Yet the other pages "About", "Contract", "Products" etc all seem to work perfectly as expected. So I think I can rule out the page templates as being the problem.

What files would you goto first to attempt fixing this static "home" page specific situation?

```HTML

Thanks
Phil

Phil Doughty commented on Daniele Pavinato's post about 5 years

I have the same problem. Danielle, did you find a fix around?

Phil Doughty commented on Phil Doughty's post about 5 years

Sorry I can't use a live example now, the site is all over the place at the moment.
I'm hoping you get the idea.

What I want is:
An unordered list with equal height list elements containing images with different heights.

What is the best way to code such a thing?

Phil Doughty commented on Phil Doughty's post about 5 years

That changed the look but unfortunately not to equal heights.

Phil Doughty commented on Simen Schikulski's post over 5 years

Does anyone have suggestions for the best practices to use with MAMP & Codekit?

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Phil Doughty's post over 4 years

I figured a way out by using this HTML:

<ul class="small-block-grid-3 medium-block-grid-4 large-block-grid-5">
<li>
  <figure>
    <div><img src="/logo-refin.png" alt="Logo Refin" /></div>
    <figcaption>Ceramiche Refin</figcaption>
  </figure>
</li>
<li>
  <figure>
    <div><img src="/logo_altaeco.png" alt="Logo Altaeco" /></div>
    <figcaption>Altaeco Gruppo Industriale</figcaption>
  </figure>
</li>
<li>
  <figure>
    <div><img src="/logo_antigua.png" alt="Logo Antigua" /></div>
    <figcaption>Antigua Revestimentos Artesanais</figcaption>
  </figure>
</li>
<li>
  <figure>
    <div><img src="/logo_appiani.jpg" alt="Logo Appiani" /></div>
    <figcaption>Appiani Mosaics</figcaption>
  </figure>
</li>

And then using this CSS:

ul > li > figure > div {    
    position: relative;
    height:150px;
}

ul > li > figure > div > img{
    position: absolute;
    left: 0;
    bottom: 0;
}

You commented on Ole Fredrik Lie's post almost 5 years

Does anyone know how I could disable breadcrumb links?
I have a page like this:

http://www.arabuild.ae/products/tiles-mosaics/terracotta/natural-clay/

the breadcrumbs menu is generated from the side bar menu:

HOME / PRODUCTS / TILES & MOSAICS / TERRACOTTA / NATURAL CLAY

I tried to do this via css but the functionality still remains. I'd rather the middle links / TILES & MOSAICS / TERRACOTTA / were just plain (un-clickable) elements. I don't want the middle links to take users to those pages because there is no content.

so - Does anyone know how to disable only some of the breadcrumb links? any dirty hack will be considered.

You commented on Phil Doughty's post almost 5 years

Thank you so very much Malou Geurts, that was driving me crazy.

You commented on Ole Fredrik Lie's post almost 5 years

I'm trying again. Does any one know (when in smaller screen size) what would cause the hamburger to stop functioning on the home page? http://www.arabuild.ae/

Yet the hamburger works fine on all other pages ie: http://www.arabuild.ae/products/

Any help is much appreciated
Thanks

Phil

You commented on Ole Fredrik Lie's post about 5 years

As in the picture (check link) that I mocked up in photoshop - I want the Parent links to have a '+' link or 'Hamburger' link to show/hide the child links. Because when all the Child links are opened & visible, they push down off the phones screen the remaining Parent links below, making them invisible without scrolling.

How can I create this menu with '+' & '-' open/collapse buttons (or similar buttons) using the Wordpress menu system & FoundationPress?

http://s25.postimg.org/vjf2iwlgv/Screen_Shot_2014_11_15_at_2_06_38_pm.jpg

Thank you
warm regards

Phil

You commented on Ole Fredrik Lie's post about 5 years

Hi,

I only have a plugin code as the only content inside the wordpress loop

My problem is the page I named as "HOME" intended to be static does not responded when I click on the left side off canvas menu hamburger button. I doesn't matter what template I use, I get the same non-opening result. Yet the other pages "About", "Contract", "Products" etc all seem to work perfectly as expected. So I think I can rule out the page templates as being the problem.

What files would you goto first to attempt fixing this static "home" page specific situation?

```HTML

Thanks
Phil

You commented on Daniele Pavinato's post about 5 years

I have the same problem. Danielle, did you find a fix around?

You commented on Phil Doughty's post about 5 years

Sorry I can't use a live example now, the site is all over the place at the moment.
I'm hoping you get the idea.

What I want is:
An unordered list with equal height list elements containing images with different heights.

What is the best way to code such a thing?

You commented on Phil Doughty's post about 5 years

That changed the look but unfortunately not to equal heights.

You commented on Simen Schikulski's post over 5 years

Does anyone have suggestions for the best practices to use with MAMP & Codekit?

Posts Followed

Following

  • No Content

Followers

  • No Content