WordPress.org

Ready to get started?Download WordPress

Forums

Editing the HTML code of my home page (4 posts)

  1. divazona
    Member
    Posted 1 year ago #

    I am using the Elegant Theme SimplePress. For some reason, it seems that the theme added 2 nested div blocks in the content area below the slider which forces the content to be pushed to the right and outside of the borders of the content area. I have no idea how to get rid of those divs because I don't know how to access the html of that page. So this is what I did:

    I opened that page in my browser and chose, View Page Source. I copied all of the html and pasted it into a new document in Dreamweaver. The code that contains the mystery divs must be somewhere in here:

    <div class="wrapper">
        <div id="blurbs">
    				                <div >
                <span class="titles">About Me</span>
                <div class="jqDnR" id="idTextPanel">A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. </div>
                <br class="clear" />
                <span class="readmore"><a href="http://makeyourpassionworkforyou.com/about-me">read more</a></span>
            </div>
            				                <div >
                <span class="titles">Contact Me</span>
                <div class="jqDnR" id="idTextPanel">A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. </div>
                <br class="clear" />
                <span class="readmore"><a href="http://makeyourpassionworkforyou.com/contact-me">read more</a></span>
            </div>
            				                <div >
                <span class="titles">Some Inspiration</span>
                <div class="jqDnR" id="idTextPanel">
    <div class="jqDnR" id="idTextPanel">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life </div>
    </div>
                <br class="clear" />
                <span class="readmore"><a href="http://makeyourpassionworkforyou.com/some-inspiration">read more</a></span>
            </div>
    
            <br class="clear" />
        </div>
        <span class="blurbs_shadow"></span>
    </div>
    <br class="clear" />

    Question 1:
    Where are those divs in this code that I must remove?

    Question 2:
    When I remove those divs, which document is this in my template so I know what to save it as and upload it back to my site via an FTP server?

    Question 3:
    Am I doing this right? Is there a better way?

    My site is: makeyourpassionworkforyou.com

  2. CrouchingBruin
    Member
    Posted 1 year ago #

    Since it's a premium theme, you should ask your question on the Elegant Themes website. Part of what you're paying for is support, no?

    In general, though, you don't edit the theme's .PHP or .CSS pages (you never see a .HTML page associated with WordPress), but create a child theme, in the event that the theme gets upgraded and wipes out all your edits. Not knowing anything about the theme, it could be that the theme provides options for entering your own CSS.

  3. divazona
    Member
    Posted 1 year ago #

    Yes, and I have posted on the forum of the Elegant themes website but they have not gotten back to me. So I figured I would try here. Can anyone help?

  4. CrouchingBruin
    Member
    Posted 1 year ago #

    OK, you don't need to edit the underlying structure, you just have to change the CSS. Not knowing anything about the theme, does it give you options to add your own CSS, or does it allow you to change the CSS as one of it's options?

    If you can edit the styles (don't edit the .CSS file directly, or else you will lose the change when the theme is upgraded), change the value of the padding property from 5px 0px 0px 55px to 5px 0px 0px 15px for the #blurb div selector. That left padding of 55px is a bit much.

    If there are no options to add or change the CSS, you can either create a child theme (harder) or you can use a plug-in (easier), like My Custom CSS or Lazyest Stylesheet and add this rule:

    #blurb div {
       padding: 5px 0px 0px 15px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic