Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #398388

    Love Enfold! It is becoming my go-to theme!

    Question raised by my customer –
    We are trying to replicate what was done on http://kardischlaw41603221-235937-sml-1.hibustudio.com
    to our new site being built at http://webstrats.com/kardisch/
    Is there a way to take the Image that says Questions? Fill out our Contact Form
    and have it overlap the contact form like is done on the original site?

    Thanks!

    #398513

    Hi webstrats!

    Try adding this to your custom CSS.

    .avia-builder-el-16 {
    top: 40px;
    z-index:10;
    }
    body #gform_wrapper_2 { padding-top: 40px; }
    section.avia_codeblock_section.avia_code_block_1 {
    top: -20px;
    position: relative;
    z-index: 0;
    }

    If you add more elements to the sidebar though then you may need to update the CSS class numbers used in the code provided.

    Cheers!
    Elliott

    #398630

    I made an adjustment and it works fine – Thanks!

    now another question –
    I need to move the At the end of the day text box with image so it is in the middle. is there any way to add padding or another text box to sort of center it?

    Thanks!

    #398752

    Hi!

    Replace the text align value to center:

    <p style="text-align: center;"><strong>&nbsp;</strong><strong style="line-height: 1.5;">&nbsp; At the end of the day,<strong><br>
    </strong></strong><strong>&nbsp; &nbsp;quality tips the scales.</strong></p>
    

    Best regards,
    Ismael

    #399364

    When I paste that in it adjusts the text but not the image. I cannot get the image to sit to the left of the text if the text is centered

    #399572

    Hey!

    You can add three 1/3 column elements to that section and place your image and text into the middle column and they should be automatically centered :)

    Best regards,
    Yigit

    #399715

    But that puts them way down beneath the rest of the page. They need to be centered under the first text box, to the left of the 1/4 section that has the Practice Area links and Contact Form.
    As far as I can see, I cannot drag a layout element into another layout element.

    #399933

    Ok, scratch all that. We all going a little different and I think easier way. At the bottom of the text box we have “At the end of the day” centered and in bold. Can we use a little HTML magic to make that one line centered, bold, in maroon (7d1202) and a few pixels bigger (the current fonts size is 15 – maybe make it 18)?

    Thanks!

    #400072

    Hi!

    Replace the class attribute with “p4”:

    <p class="p4" style="text-align: center;"><strong>At the end of the day, quality tips the scales</strong></p>
    

    Add this to the Quick CSS field:

    .p4 { font-size: 30px; color: #7d1202; } 
    

    Best regards,
    Ismael

    #401005

    Again, Thanks for all your help.
    As I have built out the remaining pages, now the image above the contact form (which you helped make look so nice) is out of place on the home page and back to it’s older position (no overlap) on the inside pages. Any suggestions?

    Thanks.

    #401418

    Hi!

    Please change the first code posted by Elliott to following one

    .home .avia-builder-el-17 {
    top: 40px;
    z-index: 10;
    }

    Cheers!
    Yigit

    #401844

    No luck – still not overlapping as it should. Tried it with 18 and 19 as well.

    Also – is there a way to make the linked images on the right for Practice Areas stand out when the mouse rolls over?

    Thanks.

    #402441

    Hey!

    Please try the following:

    section.avia_codeblock_section.avia_code_block_1 {
    top: -40px !important;
    }

    Regards,
    Rikard

    #402915

    A little closer, but not quite. And only on the home page – other pages no change.

    #403640

    Hey!

    please add this to Rikard’s code:

    .avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    z-index: 1;
    }
    

    Don’t forget to clear your browser cache and refresh your website a few times.

    Regards,
    Andy

    #403648

    Thanks – it is slightly better on the home page but not all the way, AND
    not moved on most interior pages.

    Another issue – I have a bulleted list on the General Personal Injury page, but the bullets are not displaying. I deleted them and tried again – same. Suggestions?

    Thanks.

    #404137

    Hey!

    please open a new ticket for a new issue.

    Please show us a link and/or a screenshot where it does not work for you. Beside this please provide us a mockup of what you want to achieve, so we can give you some more precise CSS code. For me the code we already provided you seems fine.

    Best regards,
    Andy

    • This reply was modified 9 years, 9 months ago by Andy.
    #404170

    OK, I created an new ticket for the new issue – the bulleted list. Meanwhile, I am still struggling with the original issue – making the image overlay the contact form. Should I create that in a new ticket as well.

    To recap:
    On http://webstrats.com/kardisch/, customer would like the image that says Questions to overlap the contact form, just as it does on http://kardischlaw41603221-235937-sml-1.hibustudio.com
    We had it working for a little while, but as more things are being done on this page it stopped working. And it has never worked on the interior pages.

    #404984

    Hi!

    Please try this:

    body #gform_wrapper_2 {
    padding-top: 40px;
    margin-top: -35px;
    }

    The form should look like this after:

    Cheers!
    Ismael

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