Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • October 14, 2020 at 10:19 pm #1252843
    pixel-hustler

    Hi,
    I need to update an old website, everything is up to date now running wordpress 5.5.1 and php 7.4, unfortunately Enfold theme version is 4.1.2 from 2017.
    Theme does not detect update itself via dashboard even with valid API credentials, I had to update it via ftp.
    Luckly I had a copy of the original enfold theme folder so could recover after update.
    Few of the issues:
    1. small logo added on top of menu, previously it wasn’t there
    2. fonts in tooter been reset to same size for everything
    3. had few logos in the footer next to eachother, and when you hover over it would open link in new window. Now when you hover over the logo, it moves itself under logo next to it. So suddenly you will have 6 logos one under another instead next to each other.
    4. and few other things…

    Based on the symptoms is it something easy to work around or would I need to create a staging site for it?
    Many thanks for all the help.

    October 16, 2020 at 9:05 am #1253198
    Rikard

    Hey pixel-hustler,

    I see that you are still running the old version of the theme, did these problems occur after you updated? If so then we would need to see the problem in order to fix them for you. You could copy the site to a staging site and update there first, if you don’t want to risk any problems with your production site.

    If you want to update the site then the update to 4.7.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541

    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/

    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.

    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    October 16, 2020 at 2:39 pm #1253257
    pixel-hustler
    This reply has been marked as private.
    October 18, 2020 at 4:36 am #1253558
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS to remove the theme default logo section:

    .av-section-bottom-logo {
  display: none;
}

    I’m not sure what is going on in the footer though, could you post login details for the live site as well please?

    Best regards,
    Rikard

    October 19, 2020 at 9:59 am #1253877
    pixel-hustler

    Hi Rikard,
    thank you for your reply.
    Exactly same here, no idea what is going on there, it supposed to be just logos next to each other and link to another webiste, but they just move.
    login credentials in private content
    Many thanks
    Pawel

    • This reply was modified 3 years, 6 months ago by pixel-hustler.
    October 20, 2020 at 5:54 am #1254231
    Rikard

    Hi Pawel,

    Thanks for that. I’ve added some custom CSS for you in Quick CSS, please review your site.

    Best regards,
    Rikard

    October 20, 2020 at 11:09 am #1254300
    pixel-hustler

    Hi Rikard,

    Thank you for the update.
    Few things if I may.

    1. if I add font-size: 0.8em; to the css for the footer text will be the same as on the original website but then it creates a padding/moves the image above bit more up.
    2. Footer logos are still flying all over the footer ;)
    3. social media icons in the footer added extra padding at the bottom
    4. 3 main colour banners have lost their zoomed in animation on hover and rounded edges
    5. Search property for rent, right under the main banner lost its two colour text and border
    5. Blog, post titles are massive comparing to the old website as well
    6. we are missing as well a thin blue border which is in Meet the team and different variant of that border in property search

    sorry to dump all of this onto you, I think that should be all. Weirdly LayerSlider changes it’s ratio of what’s displayed but I can update it myself.
    Many thanks
    Pawel

    October 21, 2020 at 7:10 am #1254562
    Rikard

    Hi,

    Thanks for the update. I’ve added some more CSS for you in Quick CSS, but it seems like you have a file on the live site which you haven’t added to the staging. Please see private, what happens if you copy that file over to the staging site?

    Best regards,
    Rikard

    October 21, 2020 at 10:44 am #1254603
    pixel-hustler

    Morning,

    I can see that footer is working fine now on, which is great. There is still gap between social media and copyright text.
    I have uploaded that file but it changed nothing, we are still missing those blue borders, and blog titles a really big still.

    Thanks
    Pawel

    October 23, 2020 at 6:45 am #1255144
    Rikard

    Hi,

    Please try this CSS as well:

    #footer #text-5 {
    margin: 30px 0 0 0;
}

h3.slide-entry-title a {
    font-size: 18px;
}

    I’m not sure which blue line you are referring to? Please try to explain that a bit further.

    Best regards,
    Rikard

    October 23, 2020 at 6:44 pm #1255322
    pixel-hustler

    Hi,

    1. ok, blog post tite looks the same (font size wise) but it is still missing, a light grey backround under post title
    2. in the about us / meet the team if you scroll to the bottom there are two columns contact form and contact details, around them there is a thin blue border. Same at the Property Search menu, around listings there should be a thicker blue border as well. So thin one for meet the team and thick one for Property search.
    3. In the footer is it possible as well to add some space between page links (second line), Home About Us Lettings etc…

    I think it would be all then, many thanks.

    October 26, 2020 at 6:57 am #1255623
    Rikard

    Hi,

    1. Please try the following in Quick CSS under Enfold->General Styling:

    .avia-content-slider article.slide-entry.av_one_third {
    background: #eee;
    border-radius: 10px;
}

    2. Please try this CSS as well:

    .page-id-3219 #av_section_2 .av_one_half {
    border: 3px solid blue;
    border-radius: 10px;
    padding: 15px;
}

    3. There are no elements to target in your markup, please wrap the text which starts with Property Specialists IN in a paragraph, like so:

    <p style="margin-top: 20px;">Property Specialists IN</p>

    Best regards,
    Rikard

    October 27, 2020 at 10:56 pm #1256234
    pixel-hustler

    Hi Rikard,

    1. Code did add add the background but text has a large gaps between lines and there is no padding between title and edge of the border.
    2. ok it added border but could I specify a color in hex as that blue is bit too harsh and it needs to be exact color.

    Kind Regards
    Pawel

    November 1, 2020 at 4:15 am #1257378
    Rikard

    Hi,

    1. Try this instead:

    .avia-content-slider article.slide-entry.av_one_third {
    background: #eee;
    border-radius: 10px;
    padding: 15px;
}

    2. You can replace the word blue with your hex code.

    Best regards,
    Rikard

    November 1, 2020 at 3:58 pm #1257450
    pixel-hustler

    Hi Rikard,

    I think there is a bit of confusion here. The code which you have provided in the last reply was meant for blue border on the Meet the Team page.
    Instead the code has added a rounded border around blog posts preview grid. Is it possible to have text on post titles as on the original website as on attached screenshot? So no border and padding inside the grey title area, as well text bit more compacted.
    I have just noticed, that there is a gap between team photo and the footer (screenshot attached).

    Kind Regards
    Pawel

    November 3, 2020 at 3:51 am #1257840
    Rikard

    Hi,

    Border; please try this CSS instead:

    .page-id-3219 #av_section_2 .av_one_half {
    border: 3px solid #008ed5;
    border-radius: 10px !important;
    padding: 15px;
}

    And this for the blog:

    .avia-content-slider-inner .slide-content {
    padding: 0 20px;
}

.avia-content-slider-inner .slide-content .slide-entry-title {
    line-height: 20px;
}

    And this for the footer:

    .home #av_section_4 .av_three_fifth {
    padding: 0 !important;
}

    Best regards,
    Rikard

    November 5, 2020 at 9:46 pm #1258735
    pixel-hustler

    Hi Rikard,

    That’s amazing, many thanks for the code.
    Literally one more things which I have missed. We are missing that blue border as well on Property Search page

    Kind Regards
    Pawel

    November 7, 2020 at 7:26 am #1259006
    Rikard

    Hi,

    Thanks for the update. Which page is your screenshot taken from? I checked the page in private, but I can’t see the screenshot elements there.

    Best regards,
    Rikard

    November 8, 2020 at 1:48 pm #1259107
    pixel-hustler

    Hi Rikard,

    yes that’s that page, so if it’s possible to do that thin blue border around the property listing

    Kind Regards
    Pawel

    November 10, 2020 at 4:27 am #1259454
    Rikard

    Hi,

    Thanks for the update. I’m not sure I understand what you would like, since there is no blue border on the live site. But you can try this in order to put a blue border around the listings container:

    .page-id-3140 .post-entry-3140 {
    border: 3px solid blue;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

    Best regards,
    Rikard

    November 10, 2020 at 2:45 pm #1259579
    pixel-hustler

    Hi Rikard,

    Almost, but unfortunately it creates border around every single object on that page, instead just object with an actuat house listing. Screenshot attached.

    Kind Regards
    Pawel

    November 11, 2020 at 7:29 am #1259776
    Rikard

    Hi,

    Try this instead:

    .page-id-3140 #fullwidthsection .post-entry-3140 {
    border: 3px solid blue;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

    Best regards,
    Rikard

    November 11, 2020 at 8:06 pm #1259949
    pixel-hustler

    Hi Rikard,

    thats worked great, how can I specify hex color as I can’t use that solid blue?

    Kind Regards
    Pawel

    November 11, 2020 at 11:49 pm #1260008
    Jordan Shannon

    Hi,

    You can generate the code you want from here:

    https://www.color-hex.com/

    and put the code in place of blue.

    Best regards,
    Jordan Shannon

    November 12, 2020 at 11:13 am #1260072
    pixel-hustler

    Hi Jordan,

    Sorry I have explained it bit incorrectly, what I meant is that I couldn’t replace solid blue with my #008ed5 colour.
    I have managed to work it out I was simply missing solid before colour.

    It is all workig fine. Many thanks for all your help Rikard and Jordan.

    Kind Regards
    Pawel

    November 12, 2020 at 4:31 pm #1260170
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘Updating theme 4.1.2 (2017) to current 2020, messed up the website’ is closed to new replies.