-
AuthorPosts
-
July 23, 2015 at 5:43 am #477487
Hi Guys
1. How would I reduce the size of Large text for mobile devices to ensure a Text Title fits on one line?
2. I am using the code below but an automatic large padding is added to the result.
What code would need to be added to below to make it
Full width – no padding – responsive – stretched
WITHOUT USING THE AVIA LAYOUT BUILDER
Background info:
A portfolio post is created using Formidable Pro Form – which does not incorporate the Avia Layout builder
Cutting and pasting the code, generated from the Avia layout builder, into the Formidable Stanadard Layout Builder – causes problems.July 23, 2015 at 5:44 am #477489Arrh the code:
[av_one_full first][av_image src='[352 show=id]’ attachment='[352 show=id]’ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image][/av_one_full]July 23, 2015 at 5:49 am #477493July 23, 2015 at 4:40 pm #477810Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.content, .sidebar { padding-top: 5px; }
and for slider image width, please make sure to insert them fullwidth
Best regards,
YigitJuly 25, 2015 at 7:16 am #478576Hi Yigit
it is not a slider image.
is there a CSS setting or a setting to add within the single image short code?
[av_one_full first][av_image src='[352 show=id]’ attachment='[352 show=id]’ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’][/av_image][/av_one_full]
Many thanksJuly 25, 2015 at 7:18 am #478577FYI
thanks for the reply and the CSS code did control the padding at top
just need to zero the padding on the sides?
ThanksJuly 25, 2015 at 9:23 am #478608Hi!
Please try the following instead:
.content, .sidebar { padding: 5px 0px 0px 0px; }
Regards,
RikardJuly 28, 2015 at 10:39 pm #479935Thanks Rikard,
the code did not appear to work.
May be stating the obvious here, but:
1 There is no setting in the av-image src (or media/ image tool) for a full width image
2. my understanding is the layout tools/ builder (columns and colour section etc) dictate how the image will be treated
4. to reiterate I cannot use the advanced avia layout buider – layout options like Grid row/ colour section) to create the post
5. it has to be done, unfortunately, via the standard layout builder
6. I have tried using all the standard layout alternatives, with columns and without, in a table etc but not been able to crack it
7. have also tried using the avia advanced layout, cut n paste via the code debugger, but that has disastrous effects and appears not to be an option.The image has been uplaoded at 1920px width, and the image size setting specifies full size, but the theme code appears to default place it within a 1020px container with a large padding top and sides? This is an uneducated guess at what appears to be the case.
To reiterate The Q
Full width zero padding image is required without using Avia advanced layout. presumably CSS code is requiredReally appreciate the Enfold teams support
Thanks
ChrisJuly 31, 2015 at 10:51 am #481241Hi!
I’m sorry but this is not possible without using the advance layout builder. If you use the default editor, it will render all content inside a container with a fixed or max width. If you’re working on a page, you can modify the page.php file, if this is a post, edit the single.php file.
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.