Home Forums Porto Template Finace demo: position of the custom-venue-address

This topic contains 4 replies, has 2 voices, and was last updated by  ppericles 19 hours, 17 minutes ago. This post has been viewed 57 times

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10020590

    ppericles
    Participant

    Hello,
    I have defined a custom css entity custom-venue-address (like you have done in the demo event template).
    I wish to position the custom-venue-address div underneath the page header without any gap between them (as shown in picture https://www.dropbox.com/s/ce3tp35hiyet4vq/Capture0.PNG?dl=0).
    But what I am getting is with the gap between them.
    In IE I get https://www.dropbox.com/s/hekafp78wm3gcge/Capture1.PNG?dl=0.
    In Chrome I get a mess as shown in https://www.dropbox.com/s/mi95yeib363q70z/Capture.PNG?dl=0.

    Can you help?
    Thanks,
    Pericles



    Template Version: 5.7
    #10020599

    Support2
    Keymaster

    Hello,

    i am inspecting your website now and saw that you already soved this issue, right ?

    If you need further assistance, please contact us.

    Kind Regards,

    Rodrigo.


    #10020603

    ppericles
    Participant

    Hello,
    I took a different approach, but still facing some other problems.
    1. When the page is resized, temporarily the custom address overlaps the page header, as shown in https://www.dropbox.com/s/hekafp78wm3gcge/Capture1.PNG?dl=0
    2. I added an attachment field in the contact us form, which does not display correctly in IE11, as shown in https://www.dropbox.com/s/mi95yeib363q70z/Capture.PNG?dl=0
    3. I wish to reduce the top margin of the #footer so that there is less white space.

    Best regards,
    Pericles


    #10020610

    Support2
    Keymaster

    Hello,

    1) My suggestion to you is to set a position relative on .main and set a position absolute on #venue section. And remove the class page-header-no-margin from the page header. Like this code below:

    .main {
    	position: relative;
    }
    
    #venue {
    	position: absolute;
            width: 100%;
            top: 70px;
    }

    2) In css/custom.css add this code:

    html.ie .custom-form-style .form-control-custom .form-control {
        padding: 1px 10px 5px 30px;
    }

    3) In css/custom.css add this code:

    #footer {
    	padding: 20px 0 0;
    }

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10020611

    ppericles
    Participant

    Hi,
    Thanks for the help.
    But for 1) it still has problems. See picture https://www.dropbox.com/s/mi95yeib363q70z/Capture.PNG?dl=0

    Thanks,
    Pericles


Viewing 5 posts - 1 through 5 (of 5 total)