Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #321742

    Firstly I do want to praise your great support. I have been trying other themes before but this is the first time i feel you guys are realy striving to help. Thanks.

    For now: i noticed (in your demo page lay-out : homepage v3) that the text (headings and body) are changing in size when displayed on smaller devices. I do want to use ths option. I did import your pages in the beginning, but seem to have lost the page. And also I cannot import it again without loosing all my work on the website. Can you help me with an insttruction on how and where to increase textsize when displayed smaller?

    #321838

    Hey vanderburg!

    Thank you for using Enfold.

    Those are actually not text. They are png or transparent images which is more responsive when using the Layer Slider.

    Best regards,
    Ismael

    #322506

    I made my text into PNGs but they are still not responding. http://www.kcfoodcircle.info/ I need to be able to have 2 links associated with that graphic, one on the Eaters side and the other on the Farmers side. I have the text PNGs aligned correctly in the Layerslider preview, but since they aren’t responsive, they stay in one place regardless the size of the browser window. Please help me.

    #322857

    Hi!

    Did you enable the Responsive mode option on the Slider Settings? Also, please fill up the Responsive Under and Layers Container fields. Also, edit the text graphic layers then go to the Attributes panel. Apply a custom css Classes. Use this to modify the position and size of the element using css media queries.

    Regards,
    Ismael

    #322905

    Yes it is in responsive mode. I do not want the text to shrink, but stay greater because it is a smal bodytext (“paragraph”) even in pc mode. So it is about having to hold on to a size that is still readable on ie a mobile phone.

    “Apply a custom css Classes. Use this to modify the position and size of the element using css media querie.”.
    Sorry, but this abacadabra for me. I do know where to find the attributes optio but no idea what to fill in at “ID”, “Classes”, “Title”, “Alt” and “Rel”. May be you can help me out?

    #323172

    Thank you, Thank you!!! I added the width to the Responsive Under and Layer Container fields and that did the trick. THANKS!!!

    #323511

    Hey!


    @phausner
    : Glad it is working now.


    @vanderburg
    : Edit a layer then go to the Attributes panel. Add custom-layer on the Classes field for example. Use this on Quick CSS or custom.css file to change the text size on mobile devices:

    @media only screen and (max-width: 767px) {
    .custom-layer {
    font-size: 15px !important;
    color: red !important;
    }
    }

    Regards,
    Ismael

    #323712

    I followed your instructions, but it didn’t work out. No change at all. I filled in your css code in the same layer at the “styles” panel, in the “custom stykes” field. is that ok? or should I do this deeper (in the wp content file)?

    #324089

    Hi!

    You need to add the css code on Enfold > Quick CSS field or on custom.css file.

    Cheers!
    Ismael

    #324596

    Hi Ismael. We are getting there step by step. I do have sizecontrol now, but in case of displaying the text at mobile devices I need to change line spacing as well.

    Can you help me once more?

    #325417

    Hi!

    Try using the css line-height property. Something like this:

    @media only screen and (max-width: 767px) {
    .custom-layer {
    font-size: 12px !important;
    color: red !important;
    line-height: 20px;
    }
    }

    Regards,
    Ismael

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