MX4 Theme (4 questions)

Most of what you are trying to do involves changing the css. Are you familiar with css at all? If not, then you might want to study up a little bit. https://codex.www.ads-software.com/css

#2 – this is in the style.css file under #navcontainer ul, and it is the background-color. Change the number to the color you want it to be.

Then for the actual Home link, you would need to change the color in #navcontainer ul li a.selected

#3 – The text in the rounded boxes right now is coming from the #sidebar h2. If you want to use an image instead, you will need to remove the h2s from the sidebar.php and just insert the img code for where your image is.

Hopefully that will get you started ??

For item 4

Change this on CSS…

#page {
background-color: white;
margin: 0px auto;
padding: 0;
width: 560px;
text-align: left;
}

#footer {
padding: 0;
margin: 0 auto;
width: 560px;
clear: both;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: .9em;
color: #888888;
}

where
width: 560px;
width: [xxx]px;

Ok thanks for the responses.And your right `i should read up on CSS.

thanks,

Alexander

Hey gutielua,your answer to Q4. what file am I editing.

thanks,

Alexander

Hey gutielua,your answer to Q4. what file am I editing.

thanks,

Alexander

style.css/change width to [xxx]px; is that right ?.Please excuse my incompetence….css/html newbie.

Alexander

doc –

I believe that the stroke going down the page is actually controlled by css in the header.php file.

#page { background: url("https://www.alexandersvideos.com/wp-content/themes/mx4_theme/images/kubrickbg.gif") repeat-y top; border-left: 1px solid #1F3851; border-right: 1px solid #1F3851;}

And, if I remember correctly, its the border-left and the border-right attributes that you need to change.

Hey oumba96,

thanks I’ll attempt this instruction.

oriecat,can you elaborate more on the answer to question 3.

thanks,

Alexander

I think that what he is saying is that you would need to change the css for the sidebar header –

#sidebar h2 {
display: block;
background: #FAF9E8;
border: 1px solid #dddddd;
-moz-border-radius:5px;
padding: 3px 2px 3px 3px;
margin: 0 0 6px 0;
color: #93425A;
font-family: Verdana, Sans-Serif;
font-size: 1.0em;
text-transform: uppercase;
font-weight: lighter;
}

and what you would do is replace the background color with the url to the image you are wanting to use. All else fails, I typically try to find a blog that is doing this, and then use the firefox web designer tool to view the css code to get an idea of how something is done.

thanks buddy