All text is shifted to the right side of my home page

  • Resolved rsher

    (@rsher)


    9 years, 9 months ago

    I have a question- The site casacanopy.com was build by another person, that used a different theme. When I added text beneath the home picture the text is displayed on the right side. It doesn’t matter if I format with one two or three columns or forgo the visual editor, the text is shifted to the right. as you can see.
    I checked the HTML in the text editor and I did remove this:

    <div id=”pgc-630-1-0″ class=”panel-grid-cell”>
    <div id=”panel-630-1-0-0″ class=”so-panel widget widget_black-studio-tinymce panel-first-child panel-last-child”>
    <h3 class=”widget-title”>Casa Canopy is a privately owned luxury home vacation rental in Tamarindo</h3>
    <div class=”textwidget”>

    </div>
    </div>
    </div>
    <div id=”pgc-630-1-1″ class=”panel-grid-cell”>
    <div id=”panel-630-1-1-0″ class=”so-panel widget widget_black-studio-tinymce panel-first-child panel-last-child”>
    <h3 class=”widget-title”>The Luxury Villa Casa Canopy</h3>
    <div class=”textwidget”>

    TEXT WAS PLACED HERE

    </div>
    </div>
    </div>

    Removing the HTML did not make any difference.

    Can you please advise me how I can resolve this dilemma?

    Thank you again,
    Richard Sher

Viewing 12 replies - 1 through 12 (of 12 total)
  • Phil

    (@websterwebguru)

    It is this CSS that is doing it:
    #primary {
    float: right;
    width: 66.6666%
    }

    If you erase this it will be full screen width

    Thread Starter rsher

    (@rsher)

    Where do I find this CSS code?
    I have look all over the WordPress back end but I haven’t seen anything code wise t oedit or remove.

    Thanks;

    Richard

    .

    Thread Starter rsher

    (@rsher)

    Please reply to my last message.

    Thanks

    R Sher
    .

    Phil

    (@websterwebguru)

    You need to first look in style.css if not in that file, look for other files with .css extension.

    Be careful to not change anything else

    Thread Starter rsher

    (@rsher)

    My question is where do I fine the .css file?

    Richard
    .

    Phil

    (@websterwebguru)

    If you go to the dashboard then Appearances >> Editor
    you can access the files that make up your site. You are looking for the style.css file that is in the directory of your theme.

    I hope this helps

    Thread Starter rsher

    (@rsher)

    Thank you for your reply …I looked there first. The Style.css appears to be for the theme, not my home page.

    R

    Thread Starter rsher

    (@rsher)

    Sorry I did find-

    #primary {
    float: right;
    width: 66.6666%
    }

    Just to make sure I don’t create an even bigger problem for my self, shall I select and delete it?

    Thank you again,

    Richard Sher

    .

    Thread Starter rsher

    (@rsher)

    OMG I am elated, really! I am very appreciative. Thank you for you help.

    Now can you explain why that #primary would be in this file in the first place?? How did this problem arise? Did it or could it have anything to do with moving my site from one theme to another theme?

    Becoming proficient in WordPress is going to be in large part… my new carrier. This compliments my other skill set, creating 3-D artwork. richardsher.wordpress.com

    If you can recommend other resources like publications for a WordPress newbie I’d appreciate it, as you can imagine.

    Best;

    Richard Sher
    .

    Thread Starter rsher

    (@rsher)

    I don’t see my last message to you.

    IT was long and appreciative for you help.

    Did you recieve it?

    I asked if you know why that code was in the .css file in the first place.

    Richard

    Phil

    (@websterwebguru)

    The style.css file is related to the theme. Each theme must have it’s own style.css file. CSS files control the way that the website looks. When you had a different theme loaded on your site it used the CSS file belonging to it. I’m guessing that it was formatted this way expecting there to be a sidebar occupying the other 33% of the screen.

    Hopefully, this helps. If you are looking for some other resources I would check out WPBeginner

    Phil

    Thread Starter rsher

    (@rsher)

    Phil;

    Thanks

    R

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘All text is shifted to the right side of my home page’ is closed to new replies.