WordPress.org

Ready to get started?Download WordPress

Forums

MX4 Theme (4 questions) (12 posts)

  1. doctorbean
    Member
    Posted 8 years ago #

    Its me again....sorry.OK I'm working on a MX4 theme and would like to make some changes.

    1.I've created my own header and would like to hide the blue Alexanders Videos type and make the new header clickable.I know there is a tutorial for this but I need it simplified even more...I must be stupid.

    2.The brown "HOME" strip I would like to change its colour and also change the HOME type colour.

    3.In the sidebar the headers I would like to replace with graphics Ive created or even just change the brown theme of the box's.

    4.And finally I would like to increase the blavk stroke going down the page can this be done.

    Heres the screen shot.

    http://alexandersvideos.com/images/avpage.jpg

    Sorry if this seems demanding.

    Appreciate the response.

    thanks,

    Alexander

    http://alexandersvideos.com

  2. oriecat
    Member
    Posted 8 years ago #

    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. http://codex.wordpress.org/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 :)

  3. gutielua
    Member
    Posted 8 years ago #

    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;

  4. doctorbean
    Member
    Posted 8 years ago #

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

    thanks,

    Alexander

  5. doctorbean
    Member
    Posted 8 years ago #

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

    thanks,

    Alexander

  6. doctorbean
    Member
    Posted 8 years ago #

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

    thanks,

    Alexander

  7. doctorbean
    Member
    Posted 8 years ago #

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

    Alexander

  8. oumba96
    Member
    Posted 8 years ago #

    doc -

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

    #page { background: url("http://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.

  9. doctorbean
    Member
    Posted 8 years ago #

    Hey oumba96,

    thanks I'll attempt this instruction.

  10. doctorbean
    Member
    Posted 8 years ago #

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

    thanks,

    Alexander

  11. oumba96
    Member
    Posted 8 years ago #

    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.

  12. doctorbean
    Member
    Posted 8 years ago #

    thanks buddy

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.