Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • #1360923

    Hello,
    I’ve created a calendar on a page by using the layout architekt. But now, the single events don’t have the same appearance as the rest of the website.

    The problem is that I put a background image in a grid line. In the single event page, there is no layout architekt. Because of that, the transparency header and the background image are missing.

    How can I fix the problem?

    Kind regards,
    Kati

    #1361032

    Hey Katja,

    Thank you for the inquiry.

    We could apply a background to the event pages manually using this css code.

    .single-tribe_events div#main {
        background: url(https://kschira.de/shanti/wp-content/uploads/shantidevi-hintergrundbild-1.jpg) !important;
    }
    

    And to apply the same transparent background to the header, please add this css.

    .single-tribe_events .header_bg {
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1361156

    Hello Ismael,

    unfortunately it does’t work. Neither the background image nor the header as it is shown on “Seminare”.

    I disabled the CSS compression, but still not working. Could you please take a look again?

    Best regards,
    Kati

    #1361157

    By the way, I run Mac OS and Safari, but also Chrome and FF. And Win10 with Edge, Chrome and FF.

    #1361179

    Hi,

    Can we access the dashboard and test the modifications? Please provide the login details in the private field, make sure that the Appearance > Theme File Editor panel is accessible.

    Best regards,
    Ismael

    #1361238
    This reply has been marked as private.
    #1361255

    Hi,

    Thank you for the info.

    We adjusted the modifications in the Quick CSS field a bit. The background is now displaying correctly in the events page but we didn’t enable the transparent header.

    This is the final code.

    .single-tribe_events div#main > .container_wrap:first-child {
        background-image: url(//kschira.de/shanti/wp-content/uploads/shantidevi-hintergrundbild-1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    single-tribe_events .header_bg {
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    

    How would you like the transparent header to display on single event pages? The style doesn’t fit on single events pages because the transparent header covers the event title and the top part of the meta container.

    Best regards,
    Ismael

    #1361257

    Thank you for the quick help. :-)

    I want the transparent header like the ones on the rest of the website: transparent without the grey border, but after scrolling down, it hast to get white with the grey border.

    Could you fix that? After that, the font in the single event page is a little problem (I tried to fix it, but it didn’t work…):
    in the weekend seminar, there is text separated from the double point (break in the next line) – of course that looks terrible. How to fix it?
    Veranstaltungskategorie
    :

    And the word “Details” and “Veranstaltungsort” should be bold. The Google map should be in a single row. I don’t have any idea how to do it…

    Now I just saw, the Enfold version is 4.9 – but it doesn’t show that there is an update. Why?

    Best regards and a big thanks to you,
    Kati

    • This reply was modified 2 years, 4 months ago by KittenAdmin. Reason: Just saw sth. to tell
    #1361605

    Hello support team,

    could someone please take a look on the problem again?

    The header needs the transparency as it is used on the rest of the website.

    Thanks and best regards,
    Kati

    #1361607

    Hi,
    Thank you for your patience, to have a transparent header for your single tribe events pages like your other pages, please try this css in your Quick CSS or your child theme stylesheet:

    @media only screen and (min-width: 990px) { 
    #top.single-tribe_events .header_color .header_bg {
    	background-color: transparent;
    }
    #top.single-tribe_events .header-scrolled-full.header_color .header_bg {
    	background-color: #fff;
    }
    .html_header_top.html_header_sticky.html_large #top.single-tribe_events #main {
        padding-top: 0;
    }
    
    #top.single-tribe_events #main > .container_wrap_first {
    	padding-top: 116px;
    }
    }

    Please copy the css from the forum and not from an email notification so the greater than symbol is copied correctly. After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1361717

    Thank you for the css, but it does’t fix the problem. The seminar sites still don’t look like for e. g. Einzelsitzungen.

    Could someone please take a closer look? The customer wants his website being fixed.

    And I just noticed, that Enfold still runs in version 4.9 – neither the auto update nor the manual update recognized that there is a newer version…

    Thank you and kind regards,
    Kati

    • This reply was modified 2 years, 4 months ago by KittenAdmin.
    #1361733

    Hi,
    I believe that you have a css error, because when I check the css seems to work.
    Please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    #1361896

    Hello,
    ok, here it is… ;-)

    Best regards,
    Kati

    • This reply was modified 2 years, 4 months ago by KittenAdmin.
    #1361930

    Hi,
    The login is not working, please check.
    2022-08-17_002.jpg

    Best regards,
    Mike

    #1361933

    Ok, I don’t know why it didn’t work even when I tried…

    Once again. ;-)

    #1361934

    Hi,
    It seems that I’m now locked out for 4 hours:
    2022-08-17_003.jpg
    Perhaps try the Temporary Login Without Password plugin.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!

    Best regards,
    Mike

    #1361948

    Hello,

    this is correct. But the problem was caused by the temporary login plugin so I deleted it.

    Your IP is tracked and banned for 4 hours, so I’m afraid you have to wait until you are “free” again. Right now, I am banned, too and have to wait…

    #1362006

    Hi,
    Ok, I checked again but it’s still not working 🙁
    I only have two more chances for the next 4 hours

    Best regards,
    Mike

    #1362007

    Hi,
    because of my own ban, the new user was not created.

    Please use the new data below.

    Thanks a lot.

    Best regards,
    Kati

    #1362009

    Hi,
    Unfortunately, this didn’t work, when your ban is over please disable this plugin so we can assist you.

    Best regards,
    Mike

    #1362034

    Hi,
    Unfortunately, this was the wrong url. Please use the correct domain.

    Best regards,
    Kati

    #1362053

    Hi,
    Ok, thank you, my mistake I missed that the domain changed.
    So to have a transparent header for your single tribe events pages like your other pages, I adjusted the css in the Quick CSS to this:

    @media only screen and (min-width: 990px) { 
    #top.single-tribe_events .header_color .header_bg {
    	background-color: transparent;
    }
    #top.single-tribe_events .header-scrolled-full.header_color .header_bg {
    	background-color: #fff;
    }
    .html_header_top.html_header_sticky #top.single-tribe_events #wrap_all #main {
        padding-top: 0;
    }
    
    #top.single-tribe_events #main > .container_wrap_first {
    	padding-top: 116px;
    }
    }

    below I linked to the page I tested, please clear your browser cache and check.

    Best regards,
    Mike

    #1362055

    Hi Mike,
    thank you for your help.

    Please take a closer look at the design: the header has to be without the thin line in grey. And the background-image is too big and it is not in the correct position.

    Can you adjust this?

    And there is the problem with the seminar details in the box. “Veranstaltungskategorie” is separated from the “:”, “Veranstaltungsort” und “Details” should be bold.

    Thank you very much.

    Best regards,
    Kati

    • This reply was modified 2 years, 4 months ago by KittenAdmin.
    #1362060

    Hi,
    Thanks for the feedback, for the border I added this css:

    #top.single-tribe_events #header_main,
    #top.single-tribe_events #header_main.container_wrap {
        border: none;
    }

    for the background image I adjusted your custom css to this:

    .single-tribe_events div#main > .container_wrap:first-child {
        background-image: url(//your-image.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-attachment: fixed;
    }
    

    please clear your browser cache and check.

    Best regards,
    Mike

    #1362062

    Hi Mike,

    thank you – that’s it!

    Now, a little thing I asked for on august 9th: there is the problem with the seminar details in the box. “Veranstaltungskategorie” is separated from the “:”, “Veranstaltungsort” und “Details” should be bold. Have you got a fix for that?

    And the theme is shown in version 4.9 but this is not correct – the right version must be 5.0.1. What is wrong there?
    Best regards,
    Kati

    • This reply was modified 2 years, 4 months ago by KittenAdmin.
    #1362065

    Hi,
    I added this css, and it now seems correct:

    #top.single-tribe_events #main h2.tribe-events-single-section-title {
    	font-weight: 700;
    }
    @media only screen and (min-width: 989px){
    #top.tribe-theme-enfold.single-tribe_events #main .tribe-events-meta-group {
        margin-right: 3%;
    }
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    #1362071

    Hi Mike,
    perfectly done. Thanks a lot!!!

    Have you any idea why the theme is not updating? It runs version 4.9 but that is not the latest version. Manually check says it would be up to date…

    Best regards,
    Kati

    #1362123

    Hi,
    I believe that your Token doesn’t have the specific permissions enabled to update
    You seem to only have these enabled:
    your purchases
    Your username
    Your email

    please see the link to our documentation to see all of the permissions required.

    If you continue to have issues try downloading the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    #1362131

    Hi Mike,

    the permissions were chosen correctly. So I did the Upload – now it seems to work properly.

    Thank you very very much!

    One little thing I saw: the thin grey line is shown on every site after scrolling down – this is how it should be. But on the single seminar, it is gone completely – it doesn’t return by scrolling. Could you fix that?

    And is there a possibility to set the breaking point for mobile devices, because on smaller screens the logo overlaps the main menu.

    Thanks for your precious help.

    Best regards,
    Kati

    #1362136

    Hi,
    Ok I added the line back for a scrolled page, and I added a menu break point for 1230px.
    Please clear your browser cache and check.

    Best regards,
    Mike

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