Image styling

Home › Forums › Weaver Xtreme Theme › Image styling

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 4, 2015 at 16:17 UTC #18206
    barbeluk1
    Participant

    Hi there,

    I’m having a couple of problems with styling my images in Xtreme.
    I would like some of my images to have borders and drop shadows, but some images certainly don’t need them. How can I remove the image styling from the ‘screens’ image on this page for for example:

    Also, the images I’m using on my portfolio page are all square (800×800 at full size). For some reason there’s a big white strip across the bottom of each one on this page:


    Also, visible when the images are displayed larger like here:

    I hope you can help.
    Regards,
    Andy 


    September 4, 2015 at 16:36 UTC - Views: 2 #24318
    scrambler
    Moderator

    Images are style globally by the settings in Main Options > Content Areas > Images.

    So the easiest is to set the theme options to the style used by the largest number of images on the site, then create a class (or classes) for the other styles you want to use. Then apply that class to the images that need it.

    To create a class you put a rule like below in Main Options > Fonts & Custom > Custom CSS Rule box. Assuming the global settings are using borders you would cancel that in the rule using !important

    .myimage-1 {border:none !important;padding:0 !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;)

    Then add the class the the img tag of the images. If the image tag already has a class attribute, add your class to it with a space.

    <img class=”myimage-1 otherclasses..”…./>

    September 5, 2015 at 10:14 UTC #24319
    barbeluk1
    Participant

    Many thanks Scrambler – that works 🙂

    I think it would be nice to include a check box on the individual image editing interface to ‘Ignore Theme Image Styling’ as I’m sure other users would find this useful. In Weaver Pro I used to simply remove the class once an image had been inserted to remove the styling.
    Did you have any thoughts on where the thick white strip is coming from at the bottom of all my square images? On the following pages?

    Many thanks again,

    Andy 
    September 5, 2015 at 17:22 UTC #24320
    scrambler
    Moderator

    It appears to be in your images like this one

    http://specialistfishingworld.co.uk/wp-content/uploads/drivetech-150×150.jpg

    So it probably has to do with the way you uploaded the media

    September 5, 2015 at 17:55 UTC #24321
    barbeluk1
    Participant

    Doh!! Embarrassed face…

    Thank you Scrambler.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.