Support » Themes and Templates » [Theme: Rockband] Problem changing logo size in Rockband Theme

  • I am having issues trying to change the size of the logo at the top at http://www.nickalligoodmusic.com. I need help doing this and cant seem to get help from the theme developers. Any help would be greatly appreciated. Below is the CSS code:


    /*
    Theme Name: RockMusic
    Theme URI: http://smthemes.com/rockmusic/
    Author: The Smart Magazine Themes
    Author URI: http://smthemes.com/
    Description: Template by SMThemes.com
    Version: 2.1
    License: Creative Commons 3.0
    Theme date: 05/20/2014
    License URI: license.txt
    Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
    */

    /* -==========================- GENERAL -==========================- */
    /*—————————— PAGE ——————————*/
    @import url(css/font.css);

    html {
    background:#000;
    }
    #all{
    background:url(images/back-bottom.jpg) right bottom repeat-x;
    }
    body {
    color:#ffffff;
    font-size:13px;
    font-family: ‘Arial’, sans-serif;
    position:relative;
    background:url(images/back-top.jpg) right top repeat-x;
    }
    a {
    color:#ffffff;
    text-decoration:none;

    }
    a:hover {
    text-decoration:underline;
    }

    a.post_ttl, .post-caption h1 {
    color:#fff;
    text-transform:uppercase;
    font-family:’cambria’;
    font-size:30px;
    }

    h2 a.post_ttl:hover{
    color:#fff;
    text-decoration:none;
    }
    /*—————————— HEADER ——————————*/
    #header .container{
    position:relative;
    }

    #content-bottom {
    height:20;
    }

    /*—————————— CONTENT ——————————*/

    #commentform #submit, input.readmore, a.readmore {
    background:url(images/back-footer.png) left top repeat;
    box-shadow:2px 2px 2px #565a53;
    color:#fff;
    margin-right:5px;
    }
    #commentform #submit:hover, input.readmore:hover, a.readmore:hover {
    background:none;
    box-shadow:none;
    color:#28564d;
    text-decoration:none;
    }
    .featured_image {
    margin-top:15px;
    padding:0;
    border:none;
    }
    .googlemap {
    padding:0;
    border:none;
    }
    .widget_posts ul li img,.widget_flickr a {
    border:none;
    padding:0;
    }
    .pagination{
    margin:30px 0;
    }
    .pagination.classic {
    padding-top:30px;
    text-align:center;
    }
    .page-numbers {
    padding:5px 10px;
    font-family: ‘MV Boli’;
    }
    a.page-numbers {
    color:#28564d;
    text-decoration:none;
    }
    a.page-numbers:hover, span.page-numbers {
    background:url(images/back-footer.png) left top repeat;
    box-shadow:2px 2px 2px #565a53;
    color:#fff;
    }
    .one-post{
    background:url(images/border-post.png) center bottom repeat-x;
    }
    .post-meta{
    padding:2px 0 !important;
    color:#3c3c3c;
    }
    .post-meta a{
    text-decoration:underline;
    }
    /*—————————— FOOTER ——————————*/
    #footer {
    color:#fff;
    }
    #footer h3{
    font-family:’cambria’;
    text-transform:uppercase;
    font-size:20px;
    }
    #footer .inner a{
    color:#89c7bc;
    text-decoration:none;
    }
    #footer .inner a:hover{
    text-decoration:underline;
    }
    #footer .container{
    }
    .footer-widgets-container{
    background:url(images/back-footer.png) left top repeat;
    }
    #footer .footer_txt {
    background:#000;
    padding:10px !important;
    color:#89c7bc;
    }
    #footer .footer_txt a{
    color:#89c7bc;
    }
    #footer .footer_txt .container {
    }
    .footer-widgets {
    }
    /*—————————— WIDGETS AND SLIDER ——————————*/
    .content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {
    margin-left:5px;
    }
    .content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{
    margin-right:5px;
    }

    #content .widget .caption h3 {
    padding:0 5px;
    color:#fff;
    font-family:’cambria’;
    font-size:27px;
    text-transform:uppercase;
    }
    #content .widget {

    }
    .fp-next{
    background-position:left 50%;
    width:27px;
    }
    .fp-prev {
    background-position:right 50%;
    width:27px;

    }

    /* -==========================- DESKTOP -==========================- */
    @media only screen and (min-width:1024px) {
    #content-top {
    height:0;
    }
    #content {

    }
    #content .container {
    padding-top:20px !important;
    padding:0;
    width:1000px;
    background:url(images/back-content.png) left top repeat;
    }
    #logo {
    position:relative;
    margin-left:150;
    top:50;
    }
    .menusearch {
    position:relative;
    float:right;
    width:260px;
    margin-top:34px;
    }
    /*—————————— MENU ——————————*/

    #header-block {
    position:relative;
    }
    #mainmenu-container {
    position:relative;
    border:5px solid #fff;
    background:url(images/back-mainmenu.png) repeat left top;
    height:45px;
    z-index:18;
    box-shadow:0 0 2px #000;
    }
    #mainmenu li a {
    font-family:’cambria’;
    color:#fff;
    text-shadow: 0 0 3px #000;
    padding:8px 20px;
    font-size:24px;
    }
    #mainmenu li {
    position:relative;
    }
    #mainmenu li a:hover{
    text-decoration:underline;
    }

    #header #mainmenu li ul {
    top:51px;
    }
    #header li ul {
    top:45px;
    }
    #header li ul .transparent {
    }
    #header li ul .inner {
    padding:0;
    background:#ced7c5;
    box-shadow:0 0 1px #c0ccbb;
    }
    #header ul.children li, #header .sub-menu li {
    padding:0 !important;
    margin:0 !important;
    height:25px;
    line-height:25px;
    }
    #header ul.children li a, #header .sub-menu li a {
    color:#28544b !important;
    padding:0 15px !important;
    text-align:left;
    height:25px;
    text-transform:none !important;
    line-height:25px;
    }
    #header ul.children li a:hover, #header .sub-menu li a:hover {
    background:#2b554e;
    color:#fff !important;
    border:none !important;
    box-shadow:none !important;
    }

    #header #mainmenu li ul .inner {
    background:#2b554e;
    box-shadow:0 0 1px #c0ccbb;
    }
    #header #mainmenu ul.children li a, #mainmenu .sub-menu li a {
    color:#fff !important;
    text-align:left;
    padding:0 20px !important;
    text-shadow:1px 1px 1px #fff;
    text-transform:none !important;
    }
    #header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {
    color:#28544b !important;
    background:#ced7c5;
    border:none !important;
    box-shadow:none !important;
    }

    #header .sub-menu .sub-menu {
    top:0 !important;
    }

    /*—————————— SLIDER ——————————*/
    .slider-container {
    position:relative;
    margin:0 auto;
    width:1000px;
    height:373px;
    }
    .slider {
    position:absolute;
    width:980px;
    }
    .fp-next, .fp-prev {
    margin:0 -17px;
    width:44px;
    height:390px;
    }
    .fp-title{
    font-size:13px;
    }

    .fp-prev-next-wrap {
    margin:0 0px;
    }
    .slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
    height:188px;
    }
    .fp-slides,.fp-thumbnail,.fp-slides-items {
    height:373px;
    width:1000px;
    }
    .fp-content-fon {
    border-bottom:none;
    border-left:none;
    border-right:none;
    }
    .fp-content-fon, .fp-content {
    left:0;
    right:0;
    bottom:0;
    text-align:left;
    font-size:13px;
    }
    .fp-nav {
    right:30px;
    bottom:30px;
    left:auto;
    }
    .slider-nothumb .fp-content-fon {
    background:#fff;
    }
    .slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
    color:#000;
    }

    #footer .footer_txt .container {

    }
    }

    /* -==========================- TABLET -==========================- */
    @media only screen and (min-width:640px) and (max-width:1023px) {
    #content .container {
    background:url(images/back-content.png) left top repeat !important;
    }
    #header {
    }
    #logo {
    float:center;
    margin-top:50px;
    margin-left:115px;
    }
    #header-banner {
    margin-top:25px;
    float:right;
    }
    /*—————————— MENU ——————————*/
    .menusearch {
    margin-right:30px;
    margin-top:32px;
    }

    #mainmenu-container {
    background:url(images/back-mainmenu.png) repeat left top;
    clear:both;
    padding-bottom:10px;
    font-family:’cambria’;
    }
    #mainmenu li {
    padding:0;
    float:left;
    }
    #mainmenu a {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:16px;
    padding:10px 15px 5px !important;;
    display:block;
    }
    #header #mainmenu ul.children li a, #mainmenu .sub-menu li a {text-transform:none;}
    }

    /* -==========================- MOBILE -==========================- */
    @media only screen and (min-width:240px) and (max-width:639px) {
    #content .container {
    background:url(images/back-content.png) left top repeat !important;
    }
    .menusearch {padding:13px 0;margin-top:28px;}
    #header {

    }
    #logo {
    margin-top:5px;
    margin-bottom:-35px;
    }

    .fp-next, .fp-prev {
    margin:0 -5px;
    }
    .footer-widgets .widgetf:first-child {
    border:none;
    }

    #footer {
    width:100%;
    }
    .widgetf {
    border-top:1px solid #d3d3d3;
    }
    .articles .post-date {
    float:none;
    }
    .articles dt p img {
    display:none;
    }
    .fp-nav {
    bottom:-18px;
    }
    .slider-container {
    padding-bottom:20px;
    }
    #s {
    width:211px;
    }
    }’

    Thanks in advance!

    Steve

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi Steve, your logo is an image with class=”logo” so you can change the size of the logo by adding the following to the CSS:

    img.logo { width: [INSERT DESIRED WIDTH]; height: [INSERT DESIRED HEIGHT] }

    You’ve got a responsive template, so make sure you adjust the size for Desktop, Tablet, and Phone in all the different places.

    Please don’t codedump. Per the forum rules, please use pastebin or Gist to post large amounts of code.

    Even better is to just post the relevant bit. And remember to enclose it in code tags. (Just use the code button above.)

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: Rockband] Problem changing logo size in Rockband Theme’ is closed to new replies.