Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 15, 2016 at 3:01 pm #686924
    ustadeus

    Hi,
    I purchased Enfold for my first ever website, and am learning the ropes. Please help!
    Link to my website and to my intended mockups are below.
    – How can I Reduce (minimize) height of the Text Block, Special heading or Image, so that there is no white space (or empty space) above and below? There is too much space in the Text box above and below the text. For an Image, even if I say “use content to define height”, there is still too much space above and below.
    – Can I increase spacing between the Menu links in the top Header?
    – I tried to insert an Image and define it as full width with px. (1500 x 50px). This did not work. How can I insert an image to fill the screen left to right, or do I always need to use Fullwidth Easy Slider for this?
    – How can I have a text caption that I can freely position on the image, and not just center left, right etc.?
    – Can I configure and change the text and color for the Titel bar under the header?
    – I tried to “Set a featured image” for the Front page, but nothing happens. Why is this?
    thanks
    Rajiv Joshi
    Graz, Austria

    September 15, 2016 at 3:50 pm #686954
    WP Turned UP

    Hello. Have a look at CSS Hero, which will allow you to address most of your requests. Enfold is a CSS Hero ready theme. I use it on any most of my sites. It’s just an easy way to manage CSS without having to code. In the end, you actually learn CSS by using the product. I have no affiliation – just love the solution.

    For your full width image, you could use a Grid Row, insert an image and get it to stretch across the screen. You could also use a Color Section, insert an image, stretch it full and then use CSS Hero to remove any padding/adjust margins.

    Not sure about the Featured Image issue. I’m also not sure why you would be doing that, but then agian…it’s not my website. : )

    Ryan

    September 19, 2016 at 7:01 am #688306
    Ismael

    Hi!

    Thank you for using Enfold.

    1.) Could you please provide a link to the page with the text block and special heading issue?

    2.) In the Enfold > General Styling > Quick CSS field, use this css code to increase the gap between the menu items:

    @media only screen and (min-width: 768px) {
.av-main-nav > li > a {
    padding: 0 20px;
}
}

    3.) Use the full width slider or use the color section element, apply the image as background.

    4.) I’m sorry but could you please provide a screenshot of the image with the caption? Have you tried the image element?

    5.) The title container should inherit the style or options set in the Enfold > General Styling panel but you can always add css modifications in the Quick CSS field if you want to customise the style of a specific element. For example, you can change the title container background and font color with this:

    #top .title_container .container {
    background: red;
}

.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {
    color: blue;
}

    6.) Did you use the advance layout builder to create the content of the page?

    Cheers!
    Ismael

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