not able to increase the image size when [column width="6"]

  • Posted in : Empathy
  • kamta
    Participant

    greetings
    i have used [column width="6"] for putting two of my services in one row image output what i am getting is very small

    http://aristonengineers.com/#/resume ( here i had put 2 services in one row )

    http://aristonengineers.com/#/about-me (same image is put here it is big in size
    can you please help me in this regards

    regards

    serkan
    Moderator

    Hi, I think you solved the problem. Two items appear in a single row.
    Thanks

    kamta
    Participant

    no
    the issue is the size of the image when i use the same image in aobut-me link (http://aristonengineers.com/#/about-me) it is bigger and when the same image is used in resume (http://aristonengineers.com/#/resume) theri size is reduced to half

    serkan
    Moderator

    Hi,
    You can increase the max size of the image,

    @media screen and (min-width: 992px) {
    .service i, .service img { max-width: 120px; } }

    Thanks

    kamta
    Participant

    one more issue has come up after i added ( DAVIDSON CREEK SCHOOL,SHERWOOD PARK ALBERTA) in protfolio

    1 – on clicking any project it is not responding and showing the full details of project
    (http://aristonengineers.com/#/portfolio)

    serkan
    Moderator

    Hi,
    Please go to dashboard > widgets > empathy template widgets > choose portfolio page and save it.
    Then go to settings > permalinks > Common Settings > choose default and save it then choose post name and save it.
    Thanks

    kamta
    Participant

    greetings
    sir you have sent me this code

    @media screen and (min-width: 992px) {
    .service i, .service img { max-width: 120px; } }

    where i have to place this to get the desired result

    and one more thing when i put this video ( https://vimeo.com/249620879 ) as bg i am not getting desired output like the color of this video which is blue it changes to a grey so is there any layer you have put in this video

    regards

    serkan
    Moderator

    Hi,
    You can use this custom css code as well for removing the layer over background.

    .has-bg-img .content:before { background: none !important; }

    You can check out this related topic;
    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
    Thanks

    kamta
    Participant

    @media screen and (min-width: 992px) {
    .service i, .service img { max-width: 120px; } }

    sir where i have to use this code

    kamta
    Participant

    if required i can send the link of the page

    serkan
    Moderator

    Hi, I mentioned in the upper link how to implement it. It is located under “Appearance > Customize > Custom CSS”.
    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register