Butterbelly Reduce Size Caption Wrapper Mobile

Discussion in 'ButterBelly WordPress Theme' started by tracykperry, Jun 6, 2017.

  1. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    Hi!

    The caption wrapper on mobile is too big and only shows the headline and not the text. My I have coding to

    1. Reduce the height of the caption wrapper on mobile? (I am not sure what size I want, so I will play with pixels once you give me code.)
    2. Show the text on the caption wrapper?
    Thank you!
    Tracy
     
  2. akbar92

    akbar92 Support Staff Staff Member

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

    Greetings from InkThemes,

    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:
    @media only screen and (max-width: 791px){
    .flex-caption-wrapper {
        margin-top: -67px;
        height: 100px;
    }
    }
    
    @media only screen and (max-width: 767px){
    .flex-caption p {
        display: block;
        line-height: 22px;
    }
    }
    Hope this help...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
  3. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    Thank you for your help. I can't make that work with the text I want. So, may I have coding to delete the caption wrapper on mobile?
     
  4. akbar92

    akbar92 Support Staff Staff Member

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

    It would be better for us to understand your query with the help of some edited screenshots.
    Please share some screenshots of the concerned areas of your site.

    So that we can deliver you an exact and appropriate solution to you,

    Looking forward to hearing from you soon.

    Thanks & Regards!
    Akbar
    InkThemes.com

    PS: You can create your screenshots using screenpresso (http://www.screenpresso.com).
     
  5. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    I want to remove the teal blue wrapper on top of the photo.

    I only want to remove it on mobile.
     

    Attached Files:

  6. akbar92

    akbar92 Support Staff Staff Member

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

    Greetings from InkThemes,

    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:
    @media only screen and (max-width: 480px){
    .flex-caption-wrapper {
        display:none;
    }
    }
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
  7. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    I didn't work. :(
     
  8. akbar92

    akbar92 Support Staff Staff Member

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

    We need WordPress admin credentials to figure out the issue.
    Kindly send the below-mentioned credential details at [email protected] along with the thread link.

    WordPress Website URL: -
    WordPress Username: -
    WordPress Password: -

    We will try to fix your issue.

    Regards,
    Akbar
    InkThemes.com
     
  9. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    Fixed. Thank you!
     
  10. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    You are most Welcome!

    Always feel free to ask your queries at our support forum:

    http://inkthemes.com/community/

    We would be glad to assist you...

    Have a nice day!

    Thanks & Regards!
    Akbar
    InkThemes.com
     

Share This Page