Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3652416
Soledad Technical Issue
Closed

Comments

  • Jon started the conversation

    Hi Soledad team,

    Thanks for creating such an amazing Wordpress theme. It has served me well over the years! I recently installed the latest Soledad update, and noticed that there seems to be an issue with the left side of each page taking up too much space, specifically on large screens. For example: on this page of my site (https://www.myglobalviewpoint.com/new-england-road-trip-itinerary/), you'll notice that as you make the screen larger, more white space appears on the left side. I have spent the last few hours trying to get rid of unnecessary padding and the left sidebar in the theme file and appearance/customize screen, but I haven't been successful. Can you help me fix this so I can have my blog posts more on the left side of the page for big screens? (this issue doesn't seem to happen on smaller screen sizes).

    Thank you!

    Jon

    Attached files:  Screenshot 2024-05-21 at 10.54.50 PM.png

  •  2,540
    PenciDesign replied

    Hi,

    For this case, please send me your WordPress admin account in a PRIVATE reply.
    I'll log in and try to help you check this problem.

    Regards,
    PenciDesign.



  •  2,540
    PenciDesign replied

    Hi,

    I've checked the URL you sent on Firefox but haven't found any spacing issue: https://imgur.com/a/QU7PLhl

    Regards,
    PenciDesign.


  •   Jon replied privately
  •  2,540
    PenciDesign replied

    Hi,

    Could you mark the area on the screenshot I sent?

    Regards,
    PenciDesign.


  • Jon replied

    Here is the screenshot, showing the vast amount of white space on the left side on desktops and bigger browser types. I want to make the text fill more of this space, because right now, it's a very tiny section of text.

    Attached files:  8Uxo5Vd.png

  •  2,540
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    @media only screen and (min-width: 1680px) {
      body {
        --pcctain: 80%;
      }
    }

    Regards,
    PenciDesign.



  • Jon replied

    Thank you, this helped resolve the issue. Thanks!

  •   Jon replied privately
  • Jon replied

    Here are 3 screenshots showing what I mean. The first one is the largest browser window, the second is a mid-sized one, and the third is the smallest one (which oddly shows a larger image again):

    Attached files:  Screenshot 2 (mid size browser).png
      Screenshot 1 (large browser).png
      Screenshot 3 (smallest browser).png

  • Jon replied

    I think it has to do with the right sidebar resizing and then disappearing. Perhaps we can make the sidebar disappear earlier (at a higher screen size- to avoid the issue)

  •  2,540
    PenciDesign replied

    Hi,

    Please try to modify the CSS code:

    @media only screen and (min-width: 1680px) {
      body {
        --pcctain: 1600px;
      }
    }
    @media only screen and (min-width: 2200px) {
      body {
        --pcctain: 2000px;
      }
    }

    Regards,
    PenciDesign.