Jump to content

Can Anyone Help Me To Simplify The Code Please?


Byron

Recommended Posts

Alright guys

 

I am wondering if anyone has got a very good understanding of HTML and also Twitter Bootstrap please....

 

I have already got the following page https://optimizepressplus.com/instruct-membership-course-page-new/ which was a WordPress page changed over to a HTML page which can be found here http://unlockingblueprints.com/demo/optimizepressplus/instruct-membership-course-page-new.html however there a few issues..

 

The first issue that I have notice is there appears to be a lot of code used just to do one thing... I.e If you just look at the section where it says INSTRUCT HOMEPAGE, and then just the blue box and it's contents, you get all of the following code..

<div class="element-container cf" > <!--blue box -->
<div class="feature-box-creator feature-box-creator-style-1" style="margin-bottom: 0px; border: 1px #000 solid; border-width: 0px; width: 100%; background-color: #39add1;">

  <div class="feature-box-content course" style="padding-top: 15px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px;">

    <div class="element-container cf " >
    <div class="op-text-block" style="width:100%;text-align: left; color:rgb(255, 255, 255);">
       <p><img src="pics/icon1.png" alt="" width="150" height="150" align="right" class="session_image"/></p>
      <h3><span style="color: #fff;">Instruct Homepage</span></h3>
      <p style='color:#f5fafa;'>Lorem ipsum dolor sit amet, consectetur varius adipiscing elit. Morbi nst netus sapien ultricies variuse vitae ante sapien. Mauris varius turpis quis pellentesque dignissim. Platea blandit molestie ante risus hac et molestie magna eut imperdiet magna beatae aliquam dolore faucibus.</p>
    </div>
    </div>

  </div>

  </div>
  </div> <!-- end of blue box -->

I would like to try and simplify the code and also correct the errors that are on their due to responsive design..

 

From what I can understand the feature-box-creator acts as sort of container (bear with me if I am describing things wrongs :) ) I believe so because it's on all of the other boxes on the page..

 

I was thinking of changing that to box and then copying over all of the CSS.....

 

Then for feature-box-creator-style-1 changing it to box-blue and then have all the styling code for it under that section...

 

Would that work?

 

Link to comment
Share on other sites

Hi,

 

I think what you are trying to do, would work. You need to change the classnames in CSS selectors accordingly.

Also, the divs with class element-container cf is doing nothing there as it has no CSS being applied to it. So you can go without it as per me.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...