Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
0 votes
5.3k views
in Themes by
edited by

I remove "Recent Questions and Answers from "qa-lang-main.php" and remove border-bottom from:

/* Headings */
h1 {
    color: #444;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 25px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    border-bottom: 0px solid #ddd; 
    position: relative;
    padding: 0 25px 5px 0;
}

 

The result: 

 

 

I want to be like that:

 

I'm trying to change the margin and padding:

h1 {
    color: #444;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0 25px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 0 25px 8px 0;


.qa-main {
    padding-left: 10px;
    float: left;
    width: 650px;
    margin: 10px 0 24px;
    clear: left;
    overflow: hidden;
}


but this time the problem comes in the question page:

 

 

Is there a way to do what I want without damage to other pages? Thank you.

1 Answer

0 votes
by

I found the solution:

1.

a) Find this: 

h1 {
    color: #444;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 25px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 0 25px 5px 0;
}

b) Replace with this: 

h1 {
    color: #444;
    font-size: 18px;
    font-weight: 700;
    margin: 17px 0 25px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    //border-bottom: 1px solid #ddd;
    position: relative;
    //padding: 0 25px 5px 0;
}


2. 

a) Find this: 

.qa-main {
    padding-left: 10px;
    float: left;
    width: 710px;
    margin: 10px 0 24px;
    clear: left;
    overflow: hidden;
}

b) Replace with this:

.qa-main {
    padding-left: 10px;
    float: left;
    width: 710px;
    margin: -10px 0 24px;
    clear: left;
    overflow: hidden;
}


 

3. 

a) Find this: 

.entry-title {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
}

b) Replace with this:

.entry-title { 
        color: #444;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700; 
        border-bottom: 1px solid #ddd;
        padding: 0 25px 5px 0;
}


4.

a) Find this:

.qa-favoriting {
    position: absolute;
    right: 0;
    bottom: 5px;
}

 

b) Replace with this:

.qa-favoriting {
    position: absolute;
    right: 0;
    bottom: -6px;
}

...