Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • in reply to: Moving up slide control (numeric and arrow)? #98394

    Figured it out, adding this into the custom.css will move it off of the image:

    #top div .slide_controls {

    display:inline !important;

    top:0 !important;

    margin:0 0 10px !important;

    }

    div .numeric_controls {

    display:inline !important;

    left:0 !important;

    float:left !important;

    }

    div .arrow_controls {

    display:inline !important;

    right:0 !important;

    float:right !important;

    }

    .numeric_controls, .arrow_controls {

    bottom:0;

    position:relative !important;

    }

    .numeric_controls a, .ctrl_previous, .ctrl_next {

    opacity:1 !important;

    display:inline !important;

    }

    in reply to: Moving up slide control (numeric and arrow)? #98393

    Not sure if any progress was made with this, but I’d like to do the same thing:

    - move slideshow controls outside of the image

    - keep the controls always visible (not just on hover)

    Looking through the forums I also saw that this may require some tweaks to the aviapoly.js:

    http://www.kriesi.at/support/topic/gallery-nav-button-placemt#post-65224

    to get it outside of the image. Any tips on doing this would be great.

    Thanks,

    Mako

    in reply to: Transparent background behind loading.gif over X (close button) #63689

    @brobins

    Figured it out. You’ll need to enter this into your custom.css or Quick Css textbox:

    .ajax_loading2{

    background-color:transparent !important;

    }

    That will remove the color fill behind the loading ball. Good luck.

    in reply to: Different styles/weights of Google fonts #63041

    I’ve resolved this by adding in the @import line in the custom.css and placing the font names in quotes:

    font-family:’Lato’;

    instead of

    font-family:Lato;

    Seems to have fixed Mobile Safari issue

    Thanks, I’ve actually replaced the text characters -,+,x with graphics. This first image shows the transparent buttons:

    http://www.mkostudios.com/temp/close1.jpg

    This second one shows the loading.gif w/ the div filled in with a background color, creating a solid rectangle behind it that I don’t want:

    http://www.mkostudios.com/temp/close2.jpg

    I’ve added the following to the custom.css but it still seems to show a background fill:

    .ajax-control{

    margin-top:15pt;

    height: 55px;

    z-index:100;

    background-color:transparent !important;

    }

    .ajax-control a{

    /*fixed width*/

    /*width: 56px;*/

    border-style: none;

    background-color:transparent !important;

    }

    .ajax-close{

    /* anuglar directory spelled wrong*/

    background-image:url(‘http://www.mkostudios.com/wp-content/themes/anuglar/images/layout/closebtn.png’);

    background-repeat:no-repeat;

    background-position:right;

    background-color:transparent !important;

    }

    in reply to: Different styles/weights of Google fonts #63039

    To add on to the above, I’ve looked at the site on the iPhone and it seems it doesn’t render the Lato font for the callout text – it’s renders a default font or ‘no custom font’.

    in reply to: Different styles/weights of Google fonts #63038

    http://mkostudios.com/xxindex.php/

    I actually seemed to have fixed it by setting the Theme Options/Styling/Heading Font/ to “no custom font” then adding the following in the Quick CSS:

    .logo img

    {

    margin-top:-50pt;

    }

    .special_amp

    {

    font-family:Lato;

    font-weight: 100;

    font-style: italic;

    }

    .title_container h1

    {

    font-family:Lato;

    font-weight: 100;

    font-style: italic;

    }

    #top .callout

    {

    font-family:Lato;

    font-weight: 100;

    font-style: italic;

    }

    #top .logo

    {

    text-align:left;

    }

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