4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

HELP please! Wordpress theme question :)

by ak2000
3 replies
  • WEB DESIGN
    • |
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!!
#question #theme #wordpress
  • Profile picture of the author Abledragon
    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.
    Signature
    WealthyDragon - Earning My Living Online
    {{ DiscussionBoard.errors[3874725].message }}
  • Profile picture of the author SDStudio
    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
    Signature
    Need Roadside Assistance
    {{ DiscussionBoard.errors[3875083].message }}
  • Profile picture of the author xylement
    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. =)
    {{ DiscussionBoard.errors[3875184].message }}

Trending Topics