Pages and Posts Problems, Please Help

miro011
(@miro011)

10 years, 5 months ago

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

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

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
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
(@miro011)

10 years, 5 months ago

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
(@neotechnomad)

10 years, 5 months ago

Your site’s url, please?

Thread Starter miro011
(@miro011)

10 years, 5 months ago

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
(@miro011)

10 years, 5 months ago

what I am going to do now is hide the tags too

Thread Starter miro011
(@miro011)

10 years, 5 months ago

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
(@neotechnomad)

10 years, 5 months ago

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.ww.wp.xz.cn/Child_Themes

Thread Starter miro011
(@miro011)

10 years, 5 months ago

my theme had been updated twice so far and nothing changed

Thread Starter miro011
(@miro011)

10 years, 5 months ago

thx for helping me though

Thread Starter miro011
(@miro011)

10 years, 5 months ago

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
(@neotechnomad)

10 years, 5 months ago
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
(@miro011)

10 years, 5 months ago
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. ]
```
.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.