How to increase width of Content Area

Homepage Community Forums Epik Theme Support How to increase width of Content Area

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #4900
    blue
    Customer

      Congrats on an awesome theme! Some quick questions from a WP newbie:

      Currently using the Content/Sidebar layout.

      1) How do I increase the width of the Content Area? Would like it big enough, so I can embed YouTube videos “640” in width.

      2) Also, would like to decrease the width of the “empty space” between the Content area and Side Bar area. Would like the width to be a bit closer; similar to: http://www.engadget.com/topics/hd/

      3) Used Genesis Simple Hooks to place a 970×90 banner in “genesis_before_content_sidebar_wrap” Hook. Banner shows up, but there ends up being a lot of “empty space” around the banner (top and bottom) that ruins the nice layout. How to delete that empty space…or is there a better way to place banner code?

      Thanks a million!

      #4921
      Eric
      Customer

        For the content area you can take a look in your css file for this area –

        /* 04b - 1152px CSS Grid ----------- */

        It depends on which layout you’re using, but you can see the different content areas in that section. For example, if you’re just using the regular default layout, then you could edit this –

        .content-sidebar #content,
        .sidebar-content #content {
        	width: 65.277777777%; /* 752px / 1152px */
        }

        ….and that will change the width. That will also affect how close it shows up from the sidebar (in regards to your second question).

        For the last question you’ll have to create a separate thread since we have a “One Question Per Thread” policy…..since you’re new, take a quick look here at the forum rules/guidelines – https://appfinite.com/topic/forum-rules/. This helps us keep things organized, on topic, and makes it easier for other users to search for particular topics that relate to their issue. Also, when you post make sure and add your link so we can see what the issue is.

        Thanks!


        I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

        #4925
        blue
        Customer

          Awesome Eric! Thanks…will give it a try.

          Sorry, about the rule breakage! Will post the last question under a new thread. Thanks again!

          #4946
          Eric
          Customer

            No problem ๐Ÿ™‚

            You’re Welcome!


            I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

            #4963
            blue
            Customer
              This reply has been marked as private.
              #4971
              Eric
              Customer

                You just need to decrease the sidebar width and it will fit back where it was again. Take a look around line 570 and change it from 30% to around 29% or less and it will work.


                I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

                #4974
                blue
                Customer

                  Thanks Eric! What program are you using when you refer to “line 570”. Am currently using Microsoft NotePad…unfortunately, it doesn’t give me the luxury of what line I’m on. lol ๐Ÿ˜€

                  #4983
                  Eric
                  Customer

                    I’m using coda but its for Macs. If you have PC you can use something like Notepad++ …..or just do a search for any free html/css editors


                    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

                    #4997
                    blue
                    Customer
                      This reply has been marked as private.
                      #5004
                      Eric
                      Customer

                        It looks fine to me, I don’t see extra space….it reaches the width of the theme (1152px)….unless you’re trying to make the theme itself wider (which would require a lot of customization)


                        I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

                        #5005
                        blue
                        Customer
                          This reply has been marked as private.
                          #5007
                          blue
                          Customer
                            This reply has been marked as private.
                            #5011
                            Eric
                            Customer

                              The theme is supposed to adjust with whatever browser you’re using. If you zoom in with any browser it won’t look right….all sites show up weird when you zoom, so it’s not really ideal to view it zoomed in or to code for it since the average person will only be viewing at regular view.

                              If you’re talking about “resizing” your browser, then that is something different, and the theme is working fine when the browser is resized. The issue isn’t with the theme itself…..If you add external videos to a responsive theme, the videos themselves won’t respond if they’re not designed to be responsive. Youtube videos will show up cutoff on just about any site when resized since they aren’t responsive by default. You can add code around it to make it responsive. Take a look here – https://appfinite.com/topic/responsive-video/#post-4681


                              I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

                              #5013
                              blue
                              Customer

                                Thanks again Eric!

                                #5030
                                Eric
                                Customer

                                  You’re Welcome


                                  I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

                                Viewing 15 posts - 1 through 15 (of 15 total)
                                • The topic ‘How to increase width of Content Area’ is closed to new replies.