1. Dismiss Notice

Pictures in BizWay Theme are not scaled proportional

Discussion in 'BizWay WordPress Theme' started by hmpf99, Oct 22, 2017.

Tags:
  1. hmpf99

    hmpf99 New Member

    Joined:
    Nov 14, 2016
    Messages:
    28
    Likes Received:
    0
    Hello,

    in my Bizway Template the Pictures are not scaled proportional when the page is getting smaler.
    With a normal pagesize the pictures are 16:9 but if the pagesize is getting smaler at some sizes the pictures are square.

    What can I do so that all pictures are scaled proportional? The website is: www.madmikekueng.com
     

    Attached Files:

    hmpf99, Oct 22, 2017
    #1
  2. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Greetings from InkThemes,

    To make the ratio of the image proportional, just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .main-content .page-item img {
    height: auto;
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Oct 23, 2017
    #2
  3. hmpf99

    hmpf99 New Member

    Joined:
    Nov 14, 2016
    Messages:
    28
    Likes Received:
    0
    Thank you for your fast answer :)

    It does help on the homepage but the frame around the pictuere is not following (the screenshot shows it).

    It does not help one any other page (screenshots). Is there a way to fix this to?

    Thank you, Frank
     

    Attached Files:

    hmpf99, Oct 23, 2017
    #3
  4. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    div.page-content .animated img {
    height: auto;
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Oct 24, 2017
    #4
  5. hmpf99

    hmpf99 New Member

    Joined:
    Nov 14, 2016
    Messages:
    28
    Likes Received:
    0
    Hi Akbar,

    it works great for the pages but there is still a problem with the small frame around the three pictures on the hompage.
    You can see it on the two screenshots. Could it be possible, to fix this to?

    Thank you for your great help, Frank
     

    Attached Files:

    hmpf99, Oct 24, 2017
    #5
  6. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Just paste the code given below in Custom CSS section.

    Code:
    .main-content div.anim {
    height: auto;
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Oct 25, 2017
    #6
  7. hmpf99

    hmpf99 New Member

    Joined:
    Nov 14, 2016
    Messages:
    28
    Likes Received:
    0
    It helps a lot :)

    A realy big thank you for you fast help! It is good to have a template with support ;-)

    Frank
     
    hmpf99, Oct 25, 2017
    #7
  8. hmpf99

    hmpf99 New Member

    Joined:
    Nov 14, 2016
    Messages:
    28
    Likes Received:
    0
    Sorry for another thing :-(

    Does this work for the slider at the top of the homepage too?
    It seams, that the slider is not scaled propotional by now.

    Thank you, Frank
     
    hmpf99, Oct 25, 2017
    #8
  9. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    To remove the logo, just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .flexslider .slides img {
    height: auto;
}
@media only screen and (max-width: 991px){
div.slider-wrapper div.flexslider div.flex-viewport ul li a img {
    height: auto;
}
}
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Oct 26, 2017
    #9
  10. hmpf99

    hmpf99 New Member

    Joined:
    Nov 14, 2016
    Messages:
    28
    Likes Received:
    0
    Thank you Akbar,

    it woks on the slider but not on the frame around the picture on smaler screens :-/

    Thank you, Frank
     

    Attached Files:

    hmpf99, Oct 26, 2017
    #10
  11. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    @media only screen and (max-width: 991px){
div.slider-wrapper div.flexslider div.flex-viewport {
    height: auto;
}
}
@media only screen and (max-width: 480px){
div.slider-wrapper div.flexslider div.flex-viewport {
    height: auto;
}
}
    Thanks & Regards!
    Akbar
    InkThemes.com
     
    akbar92, Oct 26, 2017
    #11

Share This Page