Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #531450

    We wish for the ability to customize the different preset items for responsive devices.

    Eg.
    Right now you can not control the icon list for the smaller units, the size of icons and text.

    h1-h6 attributes sizes need to be able to adapt to different responsive devices.

    There is sometimes a closing paragraph tag </p> which validates wrong.

    #531474

    Hey Vikab!

    You can use CSS to give stuff certain styles only on small screens like so.

    @media screen and (max-width: 767px) {
    h1 { font-size: 15px !important; }
    }

    Send us a link to your page and take a screenshot highlighting the exact changes your trying to do.

    Best regards,
    Elliott

    #533910

    Thanks for the reply.
    We are forced to write separate css for h1-h6 attributes, but it would be better to be able to style it through theme settings.
    When it comes to style other elements with CSS, it happened sometimes that the css name was changed in the theme updates, therefore we avoid writing our own style.

    #533911

    There is sometimes a closing paragraph tag </p> which validates wrong.

    #534923

    Hi!

    Send us a link to your page so we can take a look.

    Best regards,
    Elliott

    #535297

    Examples of </ p> tag which validates wrong.
    http://biovacse.prov.nu/

    The module “Icon List”, the text cuts in portrait iPad mode.
    http://ny.systrarnaodh.se/privata-stadtjanster/

    The errors that are displayed, we always must override with our own css therefore I have no good examples to show.

    #537736

    Hey!

    not sure what you mean with any </ p> which validates wrong. I can’t find it on the link you have provided. Can you be more precise please and show us where exactly we can see the issue you are talking about? maybe you could use screenshots to highlight (imgur.com, dropbox).

    Icon list in iPad portrait mode looks fine to me. Use screenshots to highlight what you see please.

    Best regards,
    Andy

    #538000
    #539253

    Hi!

    It doesn’t look like there is enough width there. Would you like to try reducing the font size?

    Best regards,
    Elliott

    #539391

    Exactly.
    But I want to be able to reduce the font size only to the resolution (iPad portrait), without the need to write lot of css. I want to be able to set different font sizes for different responsive devices in “Advanced Styling”

    #541180

    Hey!

    Try this CSS out.

    @media screen and (max-width: 767px) and (min-width: 850px) {
    #top .iconlist_title { font-size: 12px; }
    }
    @media screen and (max-width: 850px) and (min-width: 990px) {
    #top .iconlist_title { font-size: 14px; }
    }
    

    And then play around with the font sizes.

    Cheers!
    Elliott

    #550971

    I wish to have a bigger textarea for the Quick CSS.

    Before I could pull to the right and make the textarea larger, but now you have locked it!

    #551862

    Hey!

    Add this in /enfold/framework/css/avia_admin.css.

    #quick_css { width: 570px !important; }
    

    Regards,
    Elliott

    #552872

    Thanks :)
    I wrote like this:

    #avia_options_page textarea {
    padding: 7px;
    color: #586970;
    height:600px;
    width: 590px !important;
    line-height: 1.5em;
    font-size: 13px;
    }

    can you change this in your main files?

    #553125

    Hey!

    Please post your requests here – https://kriesi.at/support/enfold-feature-requests/ :)

    Regards,
    Yigit

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