Title: Pages and Posts Problems, Please Help
Last modified: August 30, 2016

---

# Pages and Posts Problems, Please Help

 *  [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/)
 * So, go to gamenewsreport.com . What you are seeing is exactly what I want my 
   posts to look like ( at least for now). BUT it looks like the navigation pages
   move along with the posts and the changes I make to the posts:
    [https://gyazo.com/81e99065b61531cc45b7b4b42d07faf7](https://gyazo.com/81e99065b61531cc45b7b4b42d07faf7)
 * As you see the navigation pages in that image are to the right of my posts. In
   my wordpress settings, when I was typing the code, they were at the bottom where
   they should be, and basically they go from bottom to top depending on how much
   I zoom in/out into the page in my browser. And also , if the page only has one
   post at the bottom , the navigation pages go to the side ( right of that post):
   
   [https://gyazo.com/ea0c42a46c3510b6a17a86cd70fac777](https://gyazo.com/ea0c42a46c3510b6a17a86cd70fac777)
 * Basically I want all of my navigation pages under all of my posts regardless 
   of whether the posts are an even or an uneven number, or in other words I dont
   want the pages affected by the changes I make to my posts, I want them to be 
   around 20px below my last post, no matter what .
 * Also, assuming you already visited my site, you will see how due to the difference
   in height of some of my posts, they don’t line up correctly .
    [https://gyazo.com/9447ca96d495566ff3d15ea7ab24e0be](https://gyazo.com/9447ca96d495566ff3d15ea7ab24e0be)
   What I want them to do is line up under one another without leaving huge blocks
   of space, regardless of how long they might be in relative order.
 * I am only a beginner when it comes to CSS, I dont really know that much, I know
   simple stuff that I found on google and remember and they have worked so far,
   but this is a bit harder and I would really appreciate if someone helped me.
 * **The code I used in CSS to make it look like that:
    .lay4 .hentry { position:
   static; width: 46%; margin-bottom: 20px; margin-right: 20px; background-color:
   rgba(0, 0, 0, 0); }
 * .post { border-style: solid; border-width: 1px; padding-bottom: 20px; }
 * .ast_pagenav .page-numbers, .navigation .page-numbers {
    width: 20px; margin-
   top: 15px; margin-right: 1px; color: #000000; }

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880255)
 * I do understnad that I need to add a seperate DIV ( seperate from lay4 and move
   the pages there below the posts but I dont know how to
 * as for the posts being the way I want them to be, I have no clue
 *  [neotechnomad](https://wordpress.org/support/users/neotechnomad/)
 * (@neotechnomad)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880258)
 * Your site’s url, please?
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880259)
 * gamenewsreport.com
 * I was able to fix the issue with the posts just now using this code :
 * .lay4 .hentry {
    position: static; width: 47%; margin-bottom: 20px; margin-right:
   20px; background-color: rgba(0, 0, 0, 0); **overflow: hidden;** position: relative;
   height: 350px; border-style: solid; border-width: 1px; padding-bottom: 20px; }
 * .blog_mo { display:none; } ( this is to hide the Read More option )
 * But I have another problem , I want to make the text go all the way to the bottom
   of the border , the pages should be good for now too but i would love know which
   file I will need to edit to create a new Div and move the navigation pages there
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880260)
 * what I am going to do now is hide the tags too
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880261)
 * Ok, here is the new code :
 * .lay4 .hentry {
    position: static; width: 47%; margin-bottom: 20px; margin-right:
   20px; background-color: rgba(0, 0, 0, 0); overflow: hidden; height: 350px; border-
   style: solid; border-width: 1px; }
 * .catag_list, .fa-th-list { display:none; }
    .blog_mo { display:none; }
 * Now all i need is to make the text keep going in the shorter posts, at least 
   a bit more :
    gyazo.com/6bfa0d11d0f78eaa61239cc51f6087ef
 *  [neotechnomad](https://wordpress.org/support/users/neotechnomad/)
 * (@neotechnomad)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880262)
 * Being as you are using the Optimizer PRO theme, you shouldn’t alter anything 
   in the theme, CSS or otherwise, as when the theme is updated, all your alterations
   will disappear.
 * To make any changes, you should create a Child Theme: [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes)
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880263)
 * my theme had been updated twice so far and nothing changed
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880265)
 * thx for helping me though
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880266)
 * if I wanted to create a child theme , can I just copy- paste my existing code
   from my theme settings ? Cuz if not and I had do evreything from scratch , then
   no thanks
 *  [neotechnomad](https://wordpress.org/support/users/neotechnomad/)
 * (@neotechnomad)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880273)
 * A basic child theme starts with a style.css file, of which you open a text editor(
   such as Notepad in Windows, NOT Wordpad or MSWord!!) and type a style header 
   in, like this…
 *     ```
       /*
        Theme Name:   Twenty Fifteen Child
        Theme URI:    http://example.com/twenty-fifteen-child/
        Description:  Twenty Fifteen Child Theme
        Author:       John Doe
        Author URI:   http://example.com
        Template:     twentyfifteen
        Version:      1.0.0
        License:      GNU General Public License v2 or later
        License URI:  http://www.gnu.org/licenses/gpl-2.0.html
        Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
        Text Domain:  twenty-fifteen-child
       */
       ```
   
 * …then change the theme name, theme uri, description, author, and author uri to
   what is relevant to you.
    Then, considering the parent theme you are going to
   use, which is your current theme, you change the template (your current theme
   name) and the text domain – notice how this is the same as the child theme name
   but in all lower case and hyphens (no spaces). Save this as “style.css” in a 
   folder named exactly as what you wrote for the “text domain”.
 * Next, open another blank, put this…
 *     ```
       <?php
   
       function theme_enqueue_styles() {
   
           $parent_style = 'parent-style';
   
           wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
           wp_enqueue_style( 'child-style',
               get_stylesheet_directory_uri() . '/style.css',
               array( $parent_style )
           );
       }
       add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
       ```
   
 * …at the very top with no spaces before or after it.
 * Change both instances of “theme_enqueue_styles()” to “**your-child-theme-name**
   _enqueue_styles()” – the one at the beginning behind “function” and the one at
   the bottom inside “add_action(“.
 * Change ‘parent-style’ to ‘whatever-your-current-themes-name-is’.
    Change ‘child-
   style’ to ‘whatever-you-named-your-child-theme’.
 * Save this as “functions.php” in the same folder as your style.css.
 * Upload this folder to your site’s “themes” folder (wp-content > themes) and now
   you have a Child Theme installed.
 * To use this Child Theme and change some styling…
    Log in to your site and go 
   to “Appearance > Themes” and activate your new child theme. Go to “Appearance
   > Editor” and you should see the “style.css” of your child theme. At the top 
   right of the editor, click on the drop-down titled “Select theme to edit:” and
   select your parent theme. Its CSS will load. Scroll through it until you find
   what you want to change and copy the code you want to change **exactly**.
 * In the drop-down, select your child theme and paste the copied code into the 
   CSS there – under the heading with a space between them.
    Change the code to 
   what you want and update the file. Go look at your site in another tab or window(…
   you may have to refresh your browser).
 * This is it.
 *  Thread Starter [miro011](https://wordpress.org/support/users/miro011/)
 * (@miro011)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880275)
 * So if I copy paste this in style.css , will it work :
 * _[ Moderator note: code fixed. Please wrap code in the backtick character or 
   [use the code button](http://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
 *     ```
       .menu-header {
       	text-align: left;
       }
   
       .page_head { display: none; }
   
       .metaslider {
           margin: 0 auto;
       }
   
       .fa-comments { display: none; }
       .fa-comments-o { display: none; }
       .meta_comm { display: none; }
   
       .textwidget {
           display: table;
           margin: 0 auto;
       }
   
       .single_featured { display:none; }
   
       .postitle {
       	text-align: center;
       }
   
       .single_metainfo {
       	text-align: center;
       }
   
       .pace-inactive { display: none; }
   
       .tablepress thead th,
       .tablepress tfoot th {
       	background-color:#d1d1d1;
       }
   
       .tablepress thead .sorting_asc,
       .tablepress thead .sorting_desc,
        {
       	background-color: #d1d1d1;
       }
   
       .tablepress thead .sorting:hover {
       background-color:#db0000; }
   
       .tablepress .row-hover tr:hover td {
       	background-color: #db0000;
       }
   
       .tablepress-id-1 tbody td {
       	font-family: Tahoma;
       	font-size: 17px;
       	color: #000000;
       }
   
       .tablepress .odd td{
       	background-color: #f2f2f3;
       }
   
       .tablepress .even td{
       	background-color: #f2f2f3;
       }
   
       .metaslider .caption-wrap {
       opacity: 1.0 !important;
       }
   
       .metaslider .caption-wrap br {
       display: none;
       }
   
       .logo {
       position: relative;
       bottom: -14px;
       }
   
       .menu-header {
       position: relative;
       bottom: -21px;
       }
   
       .header.logo_left {
       position: relative;
       bottom: 23px;
       }
   
       .single_post {
       position: relative;
       bottom: 20px; ( was 60 )
       }
   
       .lay4 .hentry {
       position: static;
       width: 30%;
       margin-bottom: 4%;
       margin-left: 3%;
       background-color: #f2f2f3;
       overflow: hidden;
       height: 450px;
   
       }
   
       .lay4 .post_image {
           width: 100%;
           height: auto;
           max-height: 600px;
           overflow: hidden;
   
       }
   
       .lay4 .post_content {
   
           float: right;
           width: 100%; }
   
       .post_content { font-size: 13px; }
   
       .lay4 h2.postitle { font-size: 17px;  text-transform:none;}
   
       .single_post .postitle, .lay2 h2.postitle a {
       text-transform:none;}
   
       .catag_list, .fa-th-list { display:none; }
       .blog_mo { display:none; } 
   
       #text-3.widget.widget_text {
       background-color: rgba(0, 0, 0, 0); } 
   
       #text-4.widget.widget_text {
       background-color: rgba(0, 0, 0, 0); } 
   
       #search-2.widget.widget_search {
       background-color: rgba(0, 0, 0, 0); } 
   
       .ast_pagenav .page-numbers,  .navigation .page-numbers  {
       width: 20px;
       margin-top: 100px;
       margin-right: 1px;
       color: #000000; }
   
       #sidebar #searchform #s, #footer #searchform #s, #home_widgets #searchform #s{ width:65%; padding: 10px 2.3%; border:none; color:#888; background:none; max-height: 36px; min-height: 23px; box-sizing:border-box;border: 1px solid #e90d1c;}
   
       .wpcf7-textarea{padding: 2%;border: none;background: rgb(238, 238, 238);width: 96%;min-height: 200px;border:1px solid; border-color:rgba(0, 0, 0, 0.05);}
   
       .wpcf7-text { background: rgb(238, 238, 238) } 
   
       #twitter-widget-0 {
       	margin: 0 auto;
       }
   
       #twitter-widget-1 {
       	margin: 0 auto;
       }
   
       #twitter-widget-2 {
       	margin: 0 auto;
       }
   
       #twitter-widget-3 {
       	margin: 0 auto;
       }
   
       #twitter-widget-1 { display: none;  }
   
       #sidebar { background-color: #eaeaea; }
       ```
   

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Pages and Posts Problems, Please Help’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/optimizer/0.7.4/screenshot.png)
 * Optimizer
 * [Support Threads](https://wordpress.org/support/theme/optimizer/)
 * [Active Topics](https://wordpress.org/support/theme/optimizer/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/optimizer/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/optimizer/reviews/)

 * 11 replies
 * 2 participants
 * Last reply from: [miro011](https://wordpress.org/support/users/miro011/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/pages-and-posts-problems-please-help/#post-6880275)
 * Status: not resolved