Tagged: attributes, Development
-
AuthorPosts
-
November 6, 2015 at 2:42 pm #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.
November 6, 2015 at 3:46 pm #531474Hey 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,
ElliottNovember 11, 2015 at 10:26 am #533910Thanks 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.November 11, 2015 at 10:27 am #533911There is sometimes a closing paragraph tag </p> which validates wrong.
November 12, 2015 at 5:42 pm #534923Hi!
Send us a link to your page so we can take a look.
Best regards,
ElliottNovember 13, 2015 at 9:50 am #535297Examples 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.
November 18, 2015 at 1:17 am #537736Hey!
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,
AndyNovember 18, 2015 at 12:31 pm #538000Here are two screenshots which I have highlighted:
http://prov.nu/enfoldsupportforum/support-01.jpg
http://prov.nu/enfoldsupportforum/support-02.jpgNovember 19, 2015 at 10:38 pm #539253Hi!
It doesn’t look like there is enough width there. Would you like to try reducing the font size?
Best regards,
ElliottNovember 20, 2015 at 9:58 am #539391Exactly.
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”November 23, 2015 at 9:53 pm #541180Hey!
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!
ElliottDecember 11, 2015 at 12:18 pm #550971I 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!
December 14, 2015 at 12:06 am #551862Hey!
Add this in /enfold/framework/css/avia_admin.css.
#quick_css { width: 570px !important; }
Regards,
ElliottDecember 15, 2015 at 9:49 am #552872Thanks :)
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?
December 15, 2015 at 4:28 pm #553125Hey!
Please post your requests here – https://kriesi.at/support/enfold-feature-requests/ :)
Regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.