Bush

Frankly, I am also not understanding why these are not working for you. I think you should give a shot to child theme I created for you.

https://www.box.com/s/k6g2xokp8s0d464oxoz7

Its better that you reinstall your theme first before uploading it. And tell me how it works? Do you want a video tutorial?

have you added css codes below in your style.css. If you had than are you sure you have not missed the dot sign (.) while copying them?

Find following coding in style.css:
.full-width #content, #portfolio.full-width {
width:100%;
max-width: 980px;
}
And change it to:
.full-width #content, #portfolio.full-widt
.tag #content,
.archive-portfolio #content {
width:100%;
max-width: 980px;
}
(telling on the assumption that you have removed sidebar from both tags and archive)
IF .archive-portfolio don’t work than replace it to just .archive

If you have removed sidebar from everywhere than change it to:
.full-width #content, #portfolio.full-width,
.tag #content,
.category #content,
.archive #content,
.author #content,
.page #content,
.single #content,
.index #content,
.home #content {
width:100%;
max-width: 980px;
}

Hope it will work for you.

I told him this on the assumption that he known about child themes.

You can always find yourself which code in stye.css is affecting the the concerned region of page (that could be color, font, tile or anything) by using firebug tool in firefox or simply clicking right click and selecting ‘inspect element’ in google chrome. If you are very new and don’t understand it, don’t worry just post here if you need help for any purpose. Slowly you will get to known and understand it.

Find the following code in your style.css:

#header-menu {
background-color: #3a3d41;
margin-bottom: 0;
}

and change it. It in line 258 of your style.css.

He is not asking for it I guess as I have told him this before. He is asking for making ‘featured-image’ display on left or right.

Read my second last response carefully. Its written there, the 6th step.

i.e.
6. click ‘screen options’ from top-right corner, check the box ‘CSS Classes’ and than click ‘screen options’ again.

This step is to be done on menus page (admin panel -> appearance -> menus)

Notify us if still having issue.

You can add styling such as color, background etc. to them. Also you can give different color to all by making lots of css classes but keeping above specified code in each css class (first one in all and second one in last one only). Than naming ‘css classes’ in input box given separately.

Eg.
for home – > abcde

for page 2 -> abcdef

for last page -> abcdefg

and in css

.abcde {
font-color: #fff;
background: red;
margin-right: 28px;
margin-right: 2rem;
float: left;
left: 0;
right: auto;
}
.abcdef {
font-color: black;
background: #fff;
margin-right: 28px;
margin-right: 2rem;
float: left;
left: 0;
right: auto;
}
.abcdef {
color: blue;
float: right;
left: auto;
right: 0;
}

7. now click the below pointing arrow (v) of all the main menus (not sub menus) one by one.

8. select last input box in each menu (css classes (optional)) and type in ‘abcde’ except in the last menu. There type ‘abcdef’.

9. now go to style.css and at the end add the following codes:

.abcde {
margin-right: 28px;
margin-right: 2rem;
float: left;
left: 0;
right: auto;
}
.abcdef {
float: right;
left: auto;
right: 0;
}

Change margin as per your requirement (how many links are there is menu bar). If margin is more than your menu will split to next line. If your margin is less than you will have more space in between all menus and the last one menu.

Tip: keep margin 3px less than what exactly it fits at. eg if you have 5 menu (except the last one) and you have found a margin value which fits exactly i.e. increasing any more results in split up of menu bar. Lets say the value is 20px.

than 3 pixels less would be 20 – [5/3] = 20 – 1.66 = 18.33px.

This is because even if in your browser it show up correctly but in some other browser it may be splitting because of very minor difference in displaying.

if you have gap between last menu link and menu nlink before it just of 3 px more than of other than it will be rarely noticeable by people but it will make it work on multiple browsers.

———————————————————

The reason why we have done this is, without doing it and just using coding already in theme tells it to keep a specified margin on right. Even for last menu link which always keep a space at the end of menu which don’t look good (as you told and I also think)

If facing any difficulties than reply

Ok, so you did not meant that. Now what I am writing, follow these steps very carefully:

1. remove both code lines of margin (in px & rem) but copy them somewhere.

2. go to appearance -> menus and create a custom menu. Name that anything like ‘navigation bar’ and save/create menu.

3. Now from left column select ‘primary menu’ as ‘navigation bar’ or whatever you have named it.

4. add links from same column (are below ‘primary menu’ thing) to your menu bar by selecting or typing in URL/pages/category and click ‘add to menu’.

5.drag menu to up and down to arrange them in order (don’t worry they will be displayed horizontally).

note: dragging a menu slightly to right below a menu makes it a sub-menu (drop down menu).

6. click ‘screen options’ from top-right corner, check the box ‘CSS Classes’ and than click ‘screen options’ again.

Wait for my next response and meanwhile do these steps mentioned above.

Hey, if this is not to late than I have figured out a way of posting images beside text. Its little tricky depending on theme. If you want to known than notify here (with theme you are using else I recommend to use twenty twelve theme. You can easily and with endless possibilities customize it), I will write it down. Its a short procedure but have to write very long to explain it.

Do you mean making paragraphs look like a rectangular box and not having different spaces at the end of lines.

Change:
body {
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}

To:
body {
font-size: 14px;
font-size: 1rem;
text-align: justify;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}

Notice that I have added a code line:

text-align: justify;

If this is not what you meant than please clarify.

Provide a link to your website please. If you are using one of very few popular/widely used themes like twenty twelve than providing name of it may work as many of us are familiar with it.

Try making changes in below given coding. You can find it in your style.css

.main-navigation li {
margin: 0 40px 0 0;
margin: 0 2.857142857rem 0 0;
position: relative;
}

40px or 2.857142857rem are determining space between two menu items. Try changing them. You can get rem value by using following formula (take help of calculator in your pc or type ‘calculator’ in google):

rem = px/14 (particularly just for your mentioned theme)

Eg:- if you want margin to be reduced to 28px than rem value will be 28/14 = 2. It is very important to keep px and rem value in proportion else different browser will display contents on your website differently.