Forum Replies Created

Viewing 30 posts - 31 through 60 (of 162 total)
  • Author
    Posts
  • in reply to: Align text and gallery #1192077

    Hi Victoria,

    Thank you for your prompt reply.

    Your code works. Now the text is aligned to the gallery.

    I combined your code with my code. Now, it looks like this:

    /* no border around gallery big preview, correct left and bottom padding */
    #top div .avia-gallery .avia-gallery-big {
        border-style: none;
        padding-left: 0px;
        padding-bottom: 0px;
    }
    
    /* no border around gallery thumbnails, padding 0px to reduce white space */
    #top div .avia-gallery img {
        border-style: none;
        padding-top: 0px;
    }
    
    /* correct left padding of gallery thumbnails */
    #top #wrap_all .avia-gallery .avia-gallery-thumb a img{
      padding-left: 0px;
    }

    Is there a way to simplify this code?

    Best regards,

    zizibe1

    Hi Rikard,

    Thank you for your effort.

    I followed the instructions of Ismael and the h1 is responding properly now. So, this thread can be closed.

    Thanks again!

    Best regards,

    zizibe1

    This reply has been marked as private.
    in reply to: Colors of parent menu link and submenus items #1188542

    Hi Mike,

    It worked great. Thank you very much for your support.

    You can close this thread now.

    Best regards,

    zizibe1

    Hi Ismael,

    Thank you for the explanation and the new code.

    I went to the Quick CSS field and replaced the previous code by it.

    When I change the size of the bowser window by pulling on it’s right corner, there’re still moments when the first and the second h1 overlap or when there’s a big gap between the first h1 and the second h1.

    Please have a look at the screenshot in the private content area.

    How can I fix this?

    Best regards,

    zizibe1

    in reply to: Colors of parent menu link and submenus items #1187498

    Hi Mike,

    Thank you for the code.

    I added it to the Quick CSS field and it worked.

    In the burger menu, the colors of the three submenu items are currently:

    inactive:
    – font color: white (#ffffff)
    – hover color: grey (#b2b2b2)

    active:
    – font color: green ( #039934) → only the active submenu item should be green, the other two submenu items should be white
    – hover color: dark green (#3b7841) → only the active submenu item should be dark green, the other two submenu items should be white

    How can I adjust this?

    Please find a screenshot in the private content area.

    Best regards,

    zizibe1

    in reply to: Colors of parent menu link and submenus items #1187114

    Hi Mike,

    Thank you for the new code.

    I went to the Quick CSS field, replaced the previous code and it worked.

    I decided to get rid of the active hover color dark green (#006F00) because I think the navigation of the menu is clearer that way. So I removed the following code from the Quick CSS field:

    /* hover font color of the menu item of the current page */
    #top #header .av-main-nav > li.current-menu-item:hover > a > span.avia-menu-text {
        color: #006F00 !important; 
    }

    Now back to my other issue:

    In the burger menu, the parent menu link “Leistungen” should be hidden, but the three submenu items should be shown.

    How can I achieve this?

    Best regards,

    zizibe1

    Hi Victoria,

    Thanks for your reply.

    I put the first h1 in a separate text block.

    Then I opened this text block element and went to Advanced > Developer Settings > Custom CSS Class and added the following custom class name:

    dq-no-overlap-2nd-h1

    Finally, I clicked on “Save” and “Update”.

    Then I added the following code to the bottom of the Quick CSS field:

    /* Don't overlap 2nd h1 in footer */
    #top .dq-no-overlap-2nd-h1 { @media only screen and (max-width: 767px) {
      #av_section_2 .av_textblock_section .avia_textblock > div + h1 {
        margin-bottom: 50px;
      }
    } 
    }

    Then I clicked on “Save all changes” and “Update”.

    Unfortunately, it didn’t work.

    What did I wrong?

    Best regards,

    zizibe1

    Hi Victoria,

    Thank you for the code.

    I added it to the Quick CSS field and it worked.

    Now, on mobile screen, there’s a massive gap between the second h1 and the third h1.

    If I understand correctly, I should give the first h1 a class to avoid this.

    But I don’t know how. Could you please explain me?

    Best regards,

    zizibe1

    in reply to: Colors of parent menu link and submenus items #1185838

    Hi Yigit,

    Thank you very much for the changes.

    In active state, the font color of the parent menu link is green (#039934) and the hover color should also be green (#039934), not dark green (#006F00).

    The colors of the text of the three submenu items as well as the other main menu items are as requested. Please don’t change them.

    The burger menu should be like this (changes are marked in bold):

    a)
    The parent menu link should be hidden, the three submenu items should be shown.

    b)
    Colors of text of three submenus items:

    inactive:
    – font color: white (#ffffff)
    – hover color: grey (Hex #b2b2b2)

    active:
    – font color: green (Hex #039934) → only the active submenu item should be green, the other two submenu items should be white
    – hover color: dark green (Hex #006F00) → only the active submenu item should be dark green, the other two submenu items should be white

    The colors of the text of the other main menu items in the burger menu should stay as they are at present.

    Many thanks in advance.

    Best regards,

    zizibe1

    Hi Victoria,

    Thank you for your answer.

    As you suggested, I changed the code like this:

    <img class="alignnone size-full wp-image-5127" src="[URL of SVG file]" width="27" height="27" />
    <h1>[1. text line]
    [2. text line]</h1>

    (In the code, the URL of the SVG file is replaced by [URL of SVG file], the first text line by [1. text line] and the second text line by [2. text line])

    To place the first text line on same height as the SVG file, I tried the following code which I found online:

    <div style="float: left; width: 27px; height: 27px;"><img class="alignnone size-full wp-image-5127" src="[URL of SVG file]" width="27" height="27" /></div>
    <h1 style="margin-left: 55px; height: 55px; position: relative; top: -10px;">[1. text line]
    [2. text line]</h1>

    On desktop, it looks alright now. But on mobile screen, the second part of the first text line is overlapping the second text line.

    How can I fix this?

    Please find a screenshot in the private content area.

    Best regards,

    zizibe1

    Hi Victoria,

    Thank you for your reply.

    I don’t want to remove the colored square symbol at the beginning of the text line because it’s part of the company’s corporate identity and should be part of the web design too.

    In the software I’m using for print media, I can simply set a tabulator to indent and align the second text line with the first text line.

    But how can I solve this problem in Enfold?

    And please answer also my second question: On mobile screen, for space reasons, there’s a responsive break of the first text line. How can the second part of the first text line be automatically indented and aligned with the first part of the first text line?

    Please find a new screenshot in the private content area.

    Many thanks in advance.

    Best regards,

    zizibe1

    in reply to: Symbol in caption of Fullscreen Slider and Text Block #1176018

    Hi Mike,

    No problem. You can close this thread now.

    Have a nice day.

    Best regards,

    zizibe1

    in reply to: Symbol in caption of Fullscreen Slider and Text Block #1176000

    Hi Mike,

    Thank you for your reply.

    In the future, if I have a question, is there a way to contact you directly via this platform?

    Best regards,

    zizibe1

    in reply to: Symbol in caption of Fullscreen Slider and Text Block #1175937

    Hi Mike,

    Nice to hear from you.

    I updated Enfold to version 4.7.1 and replaced the „av-helper-slideshow.php“ file with your file via FTP.

    Now the code in the caption of the Fullscreen Slider works again. Thank you very much for your support.

    From now on, do I have to replace the „av-helper-slideshow.php“ file with your file each time I update Enfold to a new version?

    Best regards,

    zizibe1

    in reply to: Symbol in caption of Fullscreen Slider and Text Block #1175903

    Hi,

    After updating Enfold from version 4.7 to version 4.7.1, the code <span class=”red-dot”>⬤</span> in the caption of the Fullscreen Slider on the frontpage of my website doesn’t work anymore.

    I’ve changed Enfold back to the old version 4.7 via FTP. Now the code works again.

    How can make the code work in the new version 4.7.1 of Enfold?

    Best regards,

    zizibe1

    in reply to: Thin bar below header on front page #1037845

    Hi Victoria,

    Great! I added the code to Quick CSS and it worked fine.

    Thank you very much for your support.

    You can close this topic now.

    Best regards,
    zizibe1

    in reply to: Thin bar below header on front page #1037280

    Hi Victoria,

    Thank you for your reply.

    I don’t know if I took the right steps, but here’s what I did:

    In the back-end of my website, I went to Pages > Home and added a fullwidth submenu item above the fullscreen slider. Then I clicked on the fullwidth sub menu item and chose “Build simple custom menu”.

    I deleted menu item 2. To menu item 1, I added:

    – Menu Text: Christmas offer please click here
    – Text Link: (a link to my page NEWS)

    Under “Menu Colors”, I chose “Socket”.

    Finally, to make the fullwidth submenu thinner, I added the following code to the bottom of Quick CSS:

    #top .av-submenu-container {
        height: 30px;
    }
    #top .av-subnav-menu > li {
        padding: 4px 0;
    }
    #top .sticky_placeholder {
        height: 29px;
    }

    Now, the fullwidth submenu on my front page looks alright to me.

    But I would like to change the hover color of the white text of the fullwidth submenu to grey (#969696).

    Could you please tell me how to achieve this?

    Best regards,
    zizibe1

    in reply to: Thin bar below header on front page #1034373
    This reply has been marked as private.

    Hi Victoria,

    I added the code to Enfold > General Styling > Quick CSS and it worked :)

    Thank you very much for your support.

    Best regards,
    zizibe1

    Hi Victoria,

    Thank you for your reply.

    As requested, I removed the code below:

    .avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
        padding: 300px;
    }

    Now, in Firefox (Mac), the caption of the front page of my website is at the top of the big image instead of being in the center (in Crome and Safari, the caption is alright).

    How can I fix this?

    Best regards,
    zizibe1

    Hi Victoria,

    Thank you for your reply.

    The caption on my end looks the same as on your end (my screen size is 1’440 x 900 px).

    The caption looks better now because I’ve added Rikard’s code to the bottom of Quick CSS under Enfold > General Styling and increased the padding to 300px.

    .avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
        padding: 300px;
    }

    But in Firefox, the position of the caption still is higher than in Chrome or Safari. Moreover in Firefox, the last word of the caption is on a new line.

    Increasing the value of the padding in the code above (e. g. 400px or 500px) didn’t move the caption to a lower position. Instead, the caption got more and more narrow which lead to an odd alignment.

    If you see another solution to solve this issue, I would be very grateful if you could let me know.

    Edit: Today, I’ve discovered another issue in Firefox. When you decrease the browser window, the caption isn’t staying in the center and is shifting to the right. In Chrome and Safari, the caption is alright.

    Best regards,
    zizibe1

    • This reply was modified 6 years, 2 months ago by zizibe1. Reason: see edit

    Hi Rikard,

    Thank you for your reply.

    What do you mean by “the other html tags”? Where are they?

    Best regards,
    zizibe1

    Hi Rikard,

    Thank you for the code.

    The code works, but the position of the caption still is too high.

    So I tried different values of padding (300px, 400 px, 500 px). But then, the caption got an odd alignment.

    Is there an other solution?

    Best regards,
    zizibe1

    Hi Mike,

    Thank you very much for your support.

    That’s all for now. You can close this topic.

    Best regards,
    zizibe1

    Hey Mike,

    Thank you for your prompt reply and the link.

    The URL removal tool is intended as a first step for content that you urgently need blocked—for example, if it contains confidential data that was accidentally exposed. Using the tool for other purposes might cause problems for your site.

    According to this, I shouldn’t use this tool to exclude my imprint from appearing in the search results. Probably it’s better to leave it as it is.

    What do you think?

    Best regards,
    zizibe1

    in reply to: Problem Updating Enfold #1017856

    Hi Rikard,

    Thank you very much for your support.

    You can close this topic now.

    Best regards,
    zizibe1

    in reply to: Problem Updating Enfold #1017536

    Hi Rikard,

    Thank you for your reply.

    Yes, everything is clear now.

    Best regards,
    zizibe1

    in reply to: Problem Updating Enfold #1017173

    Hi Rikard,

    Thank you for your reply.

    I’m sorry if I wasn’t clear enough. When I registered this forum account, I had to enter the purchase code of the license of Enfold. Now that I’ve bought a second license of Enfold, my question is if I could add the new license of Enfold to this forum account or replace the old license by the new one. Does this question make sense to you?

    Best regards,
    zizibe1

    in reply to: Problem Updating Enfold #1017032

    Hi Rikard,

    Thank you for your reply.

    OK. I was just wondering if this would be possible. But if I understand you right, it isn’t.

    Best regards,
    zizibe1

Viewing 30 posts - 31 through 60 (of 162 total)