Byron Posted December 28, 2016 Share Posted December 28, 2016 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 More sharing options...
Ash! Posted December 30, 2016 Share Posted December 30, 2016 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now