Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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.

    #477489

    Arrh 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]

    #477493
    #477810

    Hi!

    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,
    Yigit

    #478576

    Hi 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 thanks

    #478577

    FYI
    thanks for the reply and the CSS code did control the padding at top
    just need to zero the padding on the sides?
    Thanks

    #478608

    Hi!

    Please try the following instead:

    .content, .sidebar { 
    padding: 5px 0px 0px 0px; 
    }

    Regards,
    Rikard

    #479935

    Thanks 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 required

    Really appreciate the Enfold teams support
    Thanks
    Chris

    #481241

    Hi!

    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

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