Myriad: Change Size of footer toggle icon

resolved (8 posts) (2 voices)

  1. gdeangelis


    I love your themes, I have bought all of them! I am currently working with Myriad and I love the idea of the "hidden" footer. But it is a little too subtle and most people miss it and do not know it is there. I would like to have a much bigger icon and preferably for the search button as well so they match. The current icon is 23x23 px and I would like it double, 46x46 px.

    Following a different thread in the forum I went and did a straight replacement of the icons with the bigger one, which I did not think will work and it did not!! the image holder was only displaying 1/4 of the image.

    I have struggled with the custom CSS for quite a bit but cannot find the correct parameters. When I changed the #footer_toggle to 46x46 as well the toggle image dissapearde completely.

    Could you please, please help me. It is such a great feature and it will be a pity to do without it simply because most people do not even know it is there!

    Thank you very much


    Posted 4 years ago #
  2. Elliott

    Hello gdeangelis,

    You should be able to just replace the icon. Send us a link and we'll take a look.

    Posted 4 years ago #
  3. gdeangelis

    Hi Elliot

    thank you very much for the quick reply. The URL is: .

    It's just work in progress for someone to view. Thank you for giving it a look. Without wanting to sound presumptuous I am not sure how it can work with the direct replacement of the .png file. When I use firebug I can see this:

    #footer > #footer_toggle {
    background: url("images/open.png") no-repeat scroll 0px 0px transparent;
    bottom: -26px;
    position: absolute;
    right: 10px;
    height: 23px;
    width: 23px;

    Isn't the footer toggle the "image holder" so to speak? If that does not change how will we view the whole picture? But when I change it then it goes pear-shaped!

    Thank you very much again, that will be the icing on the cake for me, for an excellent theme.


    Posted 4 years ago #
  4. Elliott

    You'll need to move the bottom value down a bit more,

    bottom: -40px;

    And increase the width / height to whatever dimensions you need,

    width: 40px;
    height: 40px;

    And then do the same with the fancy_search icon but move it over from the right a bit more as well,

    #footer #fancy_search { right: 70px; }

    Posted 4 years ago #
  5. gdeangelis

    Elliot you are a star!!!! Thank you very much, that worked and the result can be seen in the above mentioned site.

    The code I used (in case somebody else needs it) is:

    #footer>#footer_toggle{background-image:url(images/open.png) no-repeat 0 0;bottom:-50px;position:absolute;right:10px;height:46px;width:46px;}

    #footer #fancy_search { right: 70px; }

    That goes in the Custom CSS of the Myriad theme.

    Thank you again. The reason why MSMY is an excellent experience for the customers is not only that you make great themes, but you got one of the best support service around and with very quick response.


    Posted 4 years ago #
  6. gdeangelis

    Sorry I forgot to say: the search button is still small not because it did not work but because I changed my mind about having it big as well.

    It is a pity about the big button, it kills the minimalistic vibe of the homepage (I am sure your designer knew what he was doing when he designed the theme) but unfortunately a lot of people miss the pull down effect of the footer.


    Posted 4 years ago #
  7. Elliott

    If you would like a regular footer then see here,

    Posted 4 years ago #
  8. gdeangelis

    Thanks for that Elliot. I would not change it as I think that is one of the best features of Myriad. I just got fed up with friends and clients telling me they all miss the fact that it's there.

    I am doing a millinery site which is all about elegance and slickness. In my opinion the social media "necessary evils" (feeds, links to etc) make a site like this ugly. This is where Myriad and its "hidden" footer comes to the rescue. Great theme!


    Posted 4 years ago #


You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme