Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #565807

    Hi,
    I have to following issues that I can not solve on my site…
    1. On the homepage: I find it extremely difficult to control the white space between the slider and the headline. I want to reduce the space in between but I can’t. Furthermore, when I test the site in Firefox (smaller gap), while in Chrome and Microsoft Edge, the gap seems larger. And when I load the site on an Windows XP based desktop the gap seems HUGE, something like 1/3 of the screen.
    2. On the Villa Page: I want to remove the padding of the first image that appears on the left but I find no option in the image settings. If I set the Space between columns to none, the visual outcome is not pleasing. I want space between image and text but not as much.
    3. On the Gallery page I want to change the following. I am using Masonry. I want to
    a. decrease the description size box beneath the image to half, b. change the grey color of the box to a lighter color or even white, c. add a border to the image / description with some padding, in general something like https://www.homeaway.co.uk/p483635#photos.
    4. On the menu, when I hover over contact there should be some space to the right. And lastly,
    5. On the Contact page, and generally on all forms, I want to make the submit button text capitals.

    Thank you for your time!!!

    Regards,
    John

    #565980

    Hey linktotheme!

    1. Edit your front page check for margins and paddings in the layout options.

    2. Insert a text block inside a 1/1 layout element and when you open the text block you can simply copy and paste the text here and insert the images when you hover the images you will see more options to float the text around it in many ways.

    3. Please add the below css in Enfold > General Styling > Quick CSS

    .main_color .container .av-inner-masonry-content {
        background-color: #FFFFFF!important;
    }
    .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
        border: 1px solid #999!important;
    }
    
    .av-masonry-entry .av-inner-masonry-content {
        padding: 10px!important;
    }
    

    4 to add padding to menu add the below css to Enfold > general styling > quick css

    /*Last Menu padding*/
    .html_main_nav_header #top .main_menu .menu>li:last-child>a {
        padding-right: 15px;
    }

    5 To make all submit button text caps use the below css in quick css

    
    /* Caps all submit button text*/
    input[type="submit"], #submit, .button {
        text-transform: uppercase;
    }
    

    To resolve the homepage issue I highly recommend you download one of our popular demos http://kriesi.at/themes/enfold-overview/ from
    Admin > Enfold > Demo Import and check out the way the pages are setup and re-produce the same settings when you hover on an element you see some icons and click on the EDIT icon to see how it has been setup.

    Hope this helps.

    Best regards,
    Vinay

    #617660

    Hello,
    after recent updates, from both WordPress and your Theme, the 4. problem (On the menu, when I hover over contact there should be some space to the right) re-appeared. In WordPress in Quick CSS I added /*Last Menu padding*/
    .html_main_nav_header #top .main_menu .menu>li:last-child>a {
    padding-right: 15px;
    }

    Please advice.
    John

    #617843

    Hi!

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

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