Hack columns to be 1/3 – 2/3 ?

Homepage Community Forums Epik Theme Support Hack columns to be 1/3 – 2/3 ?

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10928
    JokeAndBiagio
    Customer

      Hi,

      I’m trying to figure out how to hack the theme…and keep it responsive…so that instead of doing 2 columns split right down the middle I could make 2 columns where the first takes up 1/3 of the page and the second takes up 2/3.

      This would be using the special columns divs on a landing page. As shown on the columns page of the epik demo, just not right down the middle as the demo shows.

      Thanks for any advice.

      Best,
      Biagio

      #10947
      kronos
      Customer

        You could try using the same columns they have in the theme and add the first one as – one-third as the class for the first div, and then add one-half for the second div on the right. You could either adjust the width of the one-half class in your css to be wider, or just copy the code from the one-half, rename it, and then add your own code if you plan to use the one-half code in other parts of your site and want to keep everything consistent

        <div class="one-third first">
        <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
        </div>
        
        <div class="one-half">
        <p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.</p>
        </div><!--formatted-->
        #11029
        JokeAndBiagio
        Customer

          Thanks, Kronos! Will give it a shot. Appreciate the reply.
          Biagio

        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.