Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 22, 2015 at 6:53 am #476880
    cblajos

    Currently developing http://rubicab.com.au and noticed an issue with resizing. I have resized using the following custom CSS but the image being uploaded is 180 x 180, then it is blown up to 240 x 180 and it looks awful boxed causing the image to be distorted. 

    .avia-testimonial-image, .avia-testimonial-image img { width: 240px; height: 180px; }

#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
  width: 240px !important;
  height: 180px !important;
}

    How do I go about changing the aspect?

    Thanks.

    July 22, 2015 at 5:13 pm #477223
    Dake

    Hi cblajos!

    It appears that the images are sowing at the correct aspect ratio now.

    Were you able to resolve the issue on your own?

    http://i.imgur.com/anOKwo4.png

    Best regards,
    Dake

    July 24, 2015 at 2:14 am #478026
    cblajos

    Thanks Dake but the image is clearly stretched.

    http://rubicab.com.au/wp-content/uploads/2013/04/Steve_French_Underwood_4.jpg

    View post on imgur.com


    http://rubicab.com.au

    As I said before, the images are reduced to a box. 180 x 180, then stretched to 240 x 180. The testimonials are only good for portraits (photos of people), not of previous jobs / reference photos that should always be in landscape. Be great if there was a button in the next theme update. How do I go about resolving this problem now?

    July 26, 2015 at 7:31 pm #478770
    Dake

    Hi!

    Sorry for the late response.

    May we have access to your website so we can take a closer look?

    Regards,
    Dake

    July 27, 2015 at 3:35 am #478864
    cblajos

    Hi Dake,

    Thank you for all your help.

    Offtopic but I would like to have a header rotator centred between the social network icons and extra info text. AKA header.

    As the header menu is sticky it can provide a great deal of useful information that people cannot ignore or can miss while our customers while our customers are navigating and scrolling up and down our pages. I have added the debug output and placed the following on the page:

    But it isn’t outputting correctly as you can see on http://rubicab.com.au

    Would like for it to work in a responsive manner

    This would be an amazing feature in the next update. I have added the following to extra info but its just not working.

    The contact details to be on the right, rotator to be centred and the social network icons to be on the left.

    [av_one_full first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']

[av_headline_rotator before_rotating='Rubicab' after_rotating='' multiline='aviaTBmultiline' interval='4' animation='' tag='h3' size='' align='center' custom_title='#00a502']
[av_rotator_item title='Design, Supply & Build with innovative and low maintenance building materials' link='' linktarget='' custom_title='']
[av_rotator_item title='Deliver Australia Wide' link='' linktarget='' custom_title='']
[av_rotator_item title='Offer Free Quotes & Design Services' link='' linktarget='' custom_title='']
[/av_headline_rotator]

[/av_one_full]

    I have also noticed some waste of space on headings as you can see in this image:
    https://www.dropbox.com/s/3wp6gywzkl2tydk/Google%20ChromeScreenSnapz001.png?dl=0

    Is there a way I can add padding to it?

    • This reply was modified 8 years, 9 months ago by cblajos.
    July 28, 2015 at 5:21 am #479414
    Rikard

    Hi!

    You can control the padding using the following CSS:

    .page-id-1097 .content {
    padding-top: 30px;
    padding-bottom: 30px;
}

    Could you provide us with admin access so that we can have a look at the other issue please?

    Cheers!
    Rikard

    July 28, 2015 at 6:14 am #479435
    cblajos

    Hello Rikard,

    Thanks for your help.

    I believe I did give admin access before. But will append to this post.

    July 29, 2015 at 4:22 am #479994
    Rikard

    Hey!

    Thanks for the login. I wasn’t sure what you meant in your first post but I can see what you are doing now, if you tell a 180x180px image to display 240×180 with CSS it will look distorted and stretched, there’s no getting away from that. I would recommend you to upload images in the size you would like them to display instead.

    Best regards,
    Rikard

    July 29, 2015 at 7:02 am #480041
    cblajos

    It isn’t 180 x 180. The image is the correct aspect, I did upload the image as I would like them to be displayed at. How do I change the 180 x 180 to 240 x 180?

    August 3, 2015 at 2:30 pm #482111
    Andy

    Hey!

    Wordpress is cropping by default when uploading images and you can gain more control using a plugin like this: https://wordpress.org/plugins/simple-image-sizes/

    Hope this helps!

    Best regards,
    Andy

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