Forum Replies Created

Viewing 15 replies - 226 through 240 (of 3,465 total)
  • Hi Nige,

    First please check and see if theme has an option to enable/disable the auto-display of post image in single post page or not. Some themes offer this option already.

    If theme doesn’t offer that option, we need to make a child theme and override the template, just commenting out the code that outputs the image in single page.

    If making a child theme seems like an overkill, we can simply use CSS to display-none it. This is a hack, the page still loads the image but the CSS tells the browser not to display it.

    Use this code in Additional CSS section, this tells browser not to display it.

    
    .single-post .content figure .wp-post-image { display: none; }
    

    Use this code instead, if you want theme to display it but want the image appears smaller.

    
    .single-post .content figure .wp-post-image { width: 50%; margin: 0 auto; }
    

    You need to set post thumbnail image (Featured Image), for any post that doesn’t have image shown in post listing (archive) page.

    https://codex.wordpress.org/Post_Thumbnails

    The problem is not how WP processes jpg resulting in dropped jpg quality, this is another issue but it doesn’t really require a fix because the effect is very little.

    The real problem is your theme pulling a small size image and forces the browser to display it in bigger dimension.

    This is image url from post listing (archive) page, it’s a small size
    KI-Konferenz-München-300x99.jpg

    and it’s being shown in 814 px wide

    
    <img class="wp-image-1149 aligncenter" src="https://aiso-lab.com/wp-content/uploads/2018/03/KI-Konferenz-München-300x99.jpg" alt="" width="814" height="268">
    

    This is the image used in single post page which is bigger
    KI-Konferenz-München-1024x336.jpg

    and it’s being shown with all the WP image code to ensure the proper sizes for all devices

    
    <img class="wp-image-1149 aligncenter" src="https://aiso-lab.com/wp-content/uploads/2018/03/KI-Konferenz-München-300x99.jpg" alt="" width="814" height="268" srcset="https://aiso-lab.com/wp-content/uploads/2018/03/KI-Konferenz-München-300x99.jpg 300w, https://aiso-lab.com/wp-content/uploads/2018/03/KI-Konferenz-München-768x252.jpg 768w, https://aiso-lab.com/wp-content/uploads/2018/03/KI-Konferenz-München-1024x336.jpg 1024w" sizes="(max-width: 814px) 100vw, 814px">
    

    So to fix this issue, we need to fix the code in your post listing (archive) template, just use WP standard way of pulling the image. See code examples in any default WP themes.

    The most basic thing that you can do is to set your site to not allow registration.

    Go here Settings → General and under Membership just uncheck the Anyone can register
    https://codex.wordpress.org/Settings_General_SubPanel

    Then go to Users → All Users and review all existing users, delete unnecessary ones.

    The code works, put it in Additional CSS (under Appearance). Try clearing browser cache, sometimes browser still displays cached version. Some web hostings also have server side caching mechanism going on without users knowledge, just so you know.

    The project is a custom post content type, so it uses postid-xx in <body> class.

    
    <body class="project-template-default single single-project postid-437">
    

    So if you want to use id, just use .postid-437

    Forum: Fixing WordPress
    In reply to: Help with Spacing

    Go to Additional CSS
    https://codex.wordpress.org/Appearance_Customize_Screen#Additional_CSS

    and put this code in there
    .page .module {padding-top:30px;}

    it will reduce the space between main header and the title for Page content.

    For space under Testimonial widget, we can do nothing because it uses the height of the biggest element contained in the slider.

    I can clearly see Posts and Projects page IDs when I load the page. Why are Posts and Projects not taking the code like Pages do?

    You already answered your question in the 1st paragraph. Since you target using page-id, it only affects that page-id only.

    On top of that, there is also the Specificity of selector involved too.
    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    Try this code in Additional CSS section, it will make nav menu link in project page become black.

    
    /* default is white, make it black */
    .project-template-default  #top-menu-nav .menu-item a {color: black;}
    

    Is your site hosted at Heart Internet UK? It doesn’t allow loopback request which is a new feature in WP4.9

    See this reply https://wordpress.org/support/topic/4-91-the-loopback-request-to-your-site-failed/#post-9866907

    Since the problem at hand is to change that phone number which is urgent, I suggest doing this: see to it that your theme has an option to change that phone number, theme might has this input setting somewhere. If you are positive that the phone number is actually hardcoded in the php template, then connect to the server via SFTP or cPanel (or whatever file explorer your server provides) and edit file using file editor there.

    Important: it should be aware that we need to have full site backup (files and database) before making any changes to the site. Making a mistake editing file on a live site could ruin the whole site. Depending on the web hosting company, most do keep regular backup and also allows users to do the backup manually with just one click.

    Good to hear your site is okay now 🙂

    Did you build the site by yourself. If someone did the job for you there is a chance that he/she put some plugins in mu folder https://codex.wordpress.org/Must_Use_Plugins

    Check wp-config.php see if there is any reference to mu plugin, if exists you will see the folder path, navigate to that folder and remove all plugin in there (make a backup copy first).

    With a fresh WP install (manual update that’s completed), fresh un-modified WP’s default theme, without any plugin, your site should not display that error. If it still has that error, contact your hosting provider. I recently have this kind of problem with one of my client site and it runs on a very cheap shared host, I called the company and they resolved it for me.

    That section on the live site looks normal on my end. I suppose your client figured out by now that the video will move to the right after filling in the text on the left.

    There are clearly 2 problems here.

    First your phone number on the site had been changed. Numbers don’t just change by its own, somebody had changed it, you need to find out if your site had been hacked or not. Meanwhile, the least you can do is changing your password, get a strong one.

    The error message is common, it means there is a plugin conflict with latest WP version. Try installing this plugin and read the log, when you know which plugin had caused the problem just disable it.

    https://wordpress.org/plugins/health-check/

    If your dashboard still works, just disable all plugins and see if problem goes away. Also if your theme is a customized version, temporarily switch to other default WP theme. This is to check if there is any plugin/theme conflicts with the update.

    If you can’t login normally, just connect to your server via SFTP and navigate to wp-content/plugins/{plugin-name} and rename all plugins folder name, this is to disable them all. And do the same with your theme if it’s a customized version.

    After doing all that and problem still persists, it’s time to do manual re-install.
    https://codex.wordpress.org/Upgrading_WordPress#Manual_Update

    Just add margin-bottom

    
    body #footer .site-logo img { width: 200px; margin-bottom: 80px; }
    

    There is this injected in html’s head.

    
    #footer .site-logo img{
    height: 100px;
    width: 200px;
    }
    

    Find out where that came from, did you put it in prior? or it’s from theme’s setting, could it be from theme’s own function that automatically puts in that CSS detected from image uploaded?

    In case you can’t find out where that came from and not able to change it, just use this code in Additonal CSS section

    
    body #footer .site-logo img { width: 200px; }
    

    The code above will override the one before because the selector has more power (Specificity)
    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    The logo’s actual dimension is 300×87 so you can’t use 200×50, if you want the logo be displayed in 200px wide, just ignore the height value and browser will display it proportionally.

Viewing 15 replies - 226 through 240 (of 3,465 total)