Home Forums Flowfolio WordPress Theme Closing Button (x) breaks on Internet Explorer

This topic contains 4 replies, has 2 voices, and was last updated by  madous 2 years, 12 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #3522

    madous
    Participant

    Hello,

    The usual suspect (IE) Strikes again.

    My website is http://sagatcapital.com/ , and when you view it from Internet Explorer the Closing Button breaks.
    Please Assist.

    Best Regards

    #3525

    BWSM
    Keymaster

    Hi,

    please try to download the zip file attached and unzip it. Replace the 2 files by ftp:
    \wp-content\themes\flowfolio\style.css
    \wp-content\themes\flowfolio\functions\include_custom_style.php

    If you have changed(custom) the style.css, you could change the .closeBtn css code around the line 283 – 291

    a.closeBtn {
    	width: 30px;height: 30px; position: absolute; right: 0; top: 0;
    } 
    .closeBtn span { 
    	width: 0; height: 0; right: 0; top: 0; position: absolute; 
    	cursor:pointer; z-index: 999; display: block; border-top: none; border-right: none; border-bottom: 40px solid #333; border-left: 40px solid transparent; 
    	-webkit-transform:rotate(-90deg);
    	-moz-transform: rotate(-90deg);
    	-ms-transform: rotate(-90deg);
    	-o-transform:rotate(-90deg);
    	transform: rotate(-90deg);
    }
    .closeBtn span:after { 
    	content: "";display: block;float: left; width: 21px; height: 17px; position: absolute; top: 18px; left: -26px; 
    	background: url("img/icon.png") no-repeat scroll 9px 7px transparent; 
    }

    line 596

    .closeBtn:hover span { 
    	border-top: none; border-right: none; border-bottom: 40px solid #f25e4e; border-left: 40px solid transparent; 
    }

    Best, Bwsm

    #3527

    madous
    Participant

    Once Again thank you for the prompt response,

    it worked like a charm!

    Now for future reference if someone has changed the page header background color they should also tweak include_custom_style.php cause this fix adds a white background on rollover.

    from:
    .closeBtn:hover{ border-bottom:40px solid <?php echo of_get_option(‘link-color’); ?>; border-bottom:none\9;}

    to:
    .closeBtn:hover{ border-bottom:40px solid transparent; border-bottom:none\9;}

    Best Regards
    Madous

    #3531

    BWSM
    Keymaster

    Hi Madous, Thanks 🙂

    The theme has updated updated in Themefoest(ie7.css/i8.css also updated better)

    by the way, your site http://sagatcapital.com/ is really cool. I want to list it as site case to my theme introduction page, ok?

    Best, Bwsm

    #3534

    madous
    Participant

    Hello and thank you, for your kind words!

    This theme and its team, is what makes it really cool, you guys did an amazing job and your customer support in next to none. Regarding the list. By all means list it, is the least i can do for you guys. Keep up the good work ! Thumbs Up !

    Best Regards
    Vagelis

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

You must be logged in to reply to this topic.