This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

logo, image slider on ipad retina screen

  • Creator
    Topic
  • #7217
    tophe
    Member

    Hello,

    The only problem on my website that I have is if I view my website on my iPad (Retina screen) my logo and image slider on my homepage aren’t sharp enough. I tried to fixed it with loading a larger picture/logo (and then scaling it) but that won’t work.

    Any suggestions ?

Viewing 1 replies (of 1 total)
  • Author
    Replies
  • #7221
    Jason Bobich
    Keymaster

    Hello,

    These will be customizations you’ll need to make to the theme, as the theme does not currently offer any HiDPI-specific features. Although, in the next update there are a few cool, little retina features like this.

    ========

    1) Slider — You’d have to change the crop size of images used in the slider. If you make the slider full-width crop size double what it is now, then the images will scale to fit the layout of the theme automatically.

    Developer article on image sizes: http://dev.themeblvd.com/tutorial/crop-sizes/

    Plugin to change image sizes: http://wordpress.org/extend/plugins/theme-blvd-image-sizes/

    ========

    2) Logo — You could potentially upload a logo that is 2x the size you want to display, and then just style it with CSS to be 1/2 the width. So, for example, if you upload an image that is 400px wide that you want to display at 1/2 the width:

    .tb-image-logo img { width: 200px; }

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 1 replies (of 1 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.