HELP please! Wordpress theme question :)

by 3 replies
4
Hi, would anyone have any idea where I can change the width of the page on this WP template?

The theme is Mystique...essentially I want to make the white page wider and reduce the black space to the right and the left..

My Forex Trading Success

Thanks a lot everyone!!
#website design #question #theme #wordpress
  • I'm afraid I don't know that theme, but you need to be looking in your stylesheet file, which you'll find in the Appearance > Editor screen.

    Once you've found that file, this article describes how to find and edit the correct CSS selectors:

    How to Customise WordPress Appearance | WealthyDragon

    Cheers,

    Martin.
  • Hi,

    Did a little research for you on this theme. This might be helpful.





    1)If you don't want to show Header Title with Header Description of Theme Mystique by digitalnature

    Code:
     
#branding {
    display: none;
    padding: 4em 0 2em;
}
    2)If you want to remove the Header Title Font color, size and Font type of Theme Mystique by digitalnature

    Code:
     
#branding #logo a {
    color: red;
    font-family: times New Roman;
    font-size: 0.8em;
    font-variant: small-caps;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
}
    3) If you want to change the Hover color of Header Title of Theme Mystique by digitalnature.

    Note: you may paste the following code at the bottom of style.css



    Code:
      
#branding #logo a:hover{
       color:blue;
       }
    4) If you want to remove the blank space just above the Header Title of Theme Mystique

    Code:
      
#branding {
    padding: 2em 0;
}
    5)If you want to add a rounded corder border in Site Description of Mystique theme by digitalnature

    Code:
     
#site-description {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #EFEF0F;
    color: #C2DC15;
}
    6) If you want to change the font color,font type and font-size of site Description

    Code:
      
#site-description {
    color: black;
    float: left;
    font-family: times New Roman;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0.2em 0 0 1em;
    padding: 0.8em 0.2em;
}
    7) If you want to change the hover background color of navigation menus

    Code:
      

 #access .menu li a:hover {
    background-color: red;
}
    8.)If you want to remove the Post Tags

    Code:
      
.post-meta .post-tags {
    background: url("images/icons.png") no-repeat scroll -31px -55px transparent;
    display: none;
    font-style: italic;
    line-height: 22px;
    overflow: hidden;
    padding-left: 20px;
}
    9) If you don't want to show the post date

    Code:
      

 .post-date {
    background: url("images/info-bar.png") no-repeat scroll left -75px transparent;
    display: none;
    float: left;
    font-weight: bold;
    padding-left: 11px;
    text-transform: uppercase;
}
    10) If you want to change the Font color,font size and font type of Right side bar widget title

    Code:
      

 .widget-title {
    background-repeat: no-repeat;
    color: red;
    font-family: times New Roman;
    font-size: 17px;
    font-weight: bold;
    height: 48px;
    letter-spacing: normal;
    line-height: 23px;
    margin: 0;
    padding: 6px 6px 0 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}
    11) If you want to change the Right SideBar widget title background image


    Code:
      
.widget-title {
    background-image: url("images/green/widget-title-green.png");
}
    12)If you don't want to show or hide the side description

    Code:
      

 #site-description {
    color: #C2DC15;
    display: none;
}
    13)If you want to increase the width of your whole theme Content.

    Code:
      

 #container {
    margin: 0 auto;
    width: 1032px;
}
    14) If you want to increase the width of your blog Content

    Code:
      
#container {
    margin: 0 auto;
    width: 1032px;
}
#content-container #content {
    padding: 1em;
    width: 678px;
}
    15)If you want to change blog post title's font color,size and font type

    Code:
      

 #content .post-title a {
    color: blue;
    font-family: tahoma;
    font-size: 1.1em;
    text-decoration: none;
}
    16)If you want to change the Background color of Blog Post Title

    Code:
      

 #content .post-title {
    background-color: gold;
    clear: none;
    font-family: times New Roman;
    font-size: 23px;
}
    17)If you want to change only the background color of Post Content

    Code:
      

 .entry {
    background-color: blanchedAlmond;
    clear: left;
    margin-top: 10px;
    overflow: hidden;
}
    18) If you want to change whole body background color of your theme

    Code:
      

 #main {
    background: none repeat scroll 0 0 goldenRod;
    overflow: hidden;
    width: 100%;
}
    19)If you want to change the Background color of Author Information

    Code:
      

 #author-info-box {
    background-color: red;
    color: #CCCCCC;
    font-style: italic;
    line-height: 18px;
    padding: 20px;
}
    20) If you want to change Author Information Title font color,font size and font type

    Code:
      

 #author-info-title {
    clear: none !important;
    color: white;
    font-family: times New Roman;
    font-size: 23px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
    21) If you want to change the other content of Author Box

    Code:
      

 #author-info-box {
    color: white;
    font-family: times New Roman;
    font-style: italic;
    line-height: 18px;
}
    22)If you don't want to show author info box

    Code:
      

 #author-info-box {
    background-color: red;
    color: white;
    display: none;
    font-family: times New Roman;
    font-style: italic;
    line-height: 18px;
    padding: 20px;
}
    23) If you don't want to show Comment's Section Header Tab

    Code:
      

 #secondary-tabs {
    background-position: left 34px;
    background-repeat: no-repeat;
    display: none;
    margin: 2em 0 0.4em;
    padding-bottom: 30px;
}
    24) If you don't want to show Whole comments box

    Code:
      

 #respond {
    background: none repeat scroll 0 0 #F6F6F6;
    border-top: 1px solid #DDDDDD;
    display: none;
    padding: 15px;
}
    25) If you want to change the font color,size and font type of "Leave A Reply"

    Code:
      

 #reply-title, #trackback-title {
    color: blue;
    font-family: times New Roman;
    font-size: 20px;
    font-weight: bold;
}
    26) If you want to change the background color of Comments section

    Code:
      

 #respond {
    background: none repeat scroll 0 0 wheat;
    padding: 15px;
}
    27) If you want to change the Navigation Menus Font color, size and font type

    Code:
     
#access a {
    color: blue;
    display: block;
    font-family: times New Roman;
    font-size: 16px;
    line-height: 2em;
    margin: 0 1px 0 0;
    padding: 0.1em 1em 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
}
    28) If you want to change the Blog Post's content font,color and size

    Code:
     

 .entry p {
    color: black;
    font-family: times New Roman;
    font-size: 14px;
    margin: 0 0 0.8em;
    padding: 0;
    text-align: justify;
}
    29)If you want to change whole right sidebar background color

    Code:
     body.content-sidebar #sidebar {
    background-color: wheat;
    float: right;
}
    30) If you want to change only the right sidebar's widget content's background color

    Code:
     

 .widget-area ul ul {
    background-color: wheat;
    font-family: times New Roman;
    font-size: 18px;
    list-style: none outside none;
    padding-left: 2px;
}
    31)If you want to change the Right side bar widget's contents font color,size and type

    Code:
     

 .widget-area ul ul a {
    color: blue;
    font-family: tahoma;
    font-size: 19px;
    text-decoration: none;
}
    32)If you want to remove Posted By(Post Info) and Date

    Code:
     

 .post-date {
    background: url("images/info-bar.png") no-repeat scroll left -75px transparent;
    display: none;
    float: left;
    font-weight: bold;
    padding-left: 11px;
    text-transform: uppercase;
}
    Code:
    .post-info {
    background: url("images/info-bar.png") no-repeat scroll right top transparent;
    color: #BBBBBB;
    display: none;
    height: 42px;
    margin-left: 11px;
    overflow: hidden;
    text-shadow: 1px 1px 1px #FFFFFF;
}
    to set a custom page width, select the "fluid width" option and in the user css field
    Code:
    .page-content{max-width:980px;}

    Cheers,
    ~Albert
  • If you are on wordpress.com shared hosting blog then you can change to custom themes unless you have your own hosting blog from wordpress.org then you can change the themes. =)
Join the discussion

Next Topics on Trending Feed