1. [Preview] JA Nuevo - Joomla template for Application Landing page [Sneak Peek]


    [Preview] JM TravelGear - Magento theme for outdoor activities gear stores [Sneak Peek]


    *Release 8 more tutorial videos on developing with T3 Framework* See them here!


User Tag List

+ Reply to Thread
 
Page 2 of 2 FirstFirst 1 2
Results 11 to 16 of 16
  1. #11
    Global Moderator
    Magento Single Product - Personal License - 1 domain [JM Megamall]
    wingly's Avatar
    Join Date
    Feb 2014
    Location
    Chisinau, Moldova
    Age
    25
    Posts
    282
    Points
    671.43
    Downloads
    49
    Uploads
    0
    Mentioned
    64 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    68
    Thanked 71 Times in 59 Posts
    Quote Originally Posted by dr4christ View Post
    Well I inserted the code and it didn't do anything. Maybe I'm not inserting the code correctly - no idea.

    Tom
    www.DR4Christ.com
    I am very very sorry to make this thread so long. I have been posting and debugging your site from mobile. Now i am at PC so let's make this work.


    Go to templates/ja_wall/css/ and in file template.css find this code about line 1231:

    Code:
    .logo-image h1 a {
      background: url(../images/logo.png) no-repeat top left;
      height: 24px;
      float: right;
      text-indent: -999em;  
      width: 56px;
    }
    replace it with

    Code:
    .logo-image h1 a {
      background: url(../images/logo.png) no-repeat top left;
      height: 40px;
      float: right;
      text-indent: -999em;  
      width: 120px
    }
    and a bit above it find the code:

    Code:
    .logo-image h1 {
      color: #fff
      display: block;
      height: 40px;
      margin: 12px 0 0 20px;
      padding: 0;
      width: 120px;
    }
    }
    and replace it to:

    Code:
    .logo-image h1 {
      color: #fff
      display: block;
      margin-bottom: 0px;
      margin-left: 64px;
      margin-top: 3px;
    }
    This should do it

  2. #12
    Licensed Member
    Joomla Extensions Club - 1 YearWall Builder [JA Wall] Expired

    Join Date
    Dec 2012
    Posts
    58
    Points
    116.44
    Downloads
    68
    Uploads
    0
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    13
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by wingly View Post
    I am very very sorry to make this thread so long. I have been posting and debugging your site from mobile. Now i am at PC so let's make this work.


    Go to templates/ja_wall/css/ and in file template.css find this code about line 1231:

    Code:
    .logo-image h1 a {
      background: url(../images/logo.png) no-repeat top left;
      height: 24px;
      float: right;
      text-indent: -999em;  
      width: 56px;
    }
    replace it with

    Code:
    .logo-image h1 a {
      background: url(../images/logo.png) no-repeat top left;
      height: 40px;
      float: right;
      text-indent: -999em;  
      width: 120px
    }
    and a bit above it find the code:

    Code:
    .logo-image h1 {
      color: #fff
      display: block;
      height: 40px;
      margin: 12px 0 0 20px;
      padding: 0;
      width: 120px;
    }
    }
    and replace it to:

    Code:
    .logo-image h1 {
      color: #fff
      display: block;
      margin-bottom: 0px;
      margin-left: 64px;
      margin-top: 3px;
    }
    This should do it
    Nope - this correction pushed the logo to the far right - logo in either position never changed or was resized. Made a small correction from right to left and this is how the code shows currently. But it still is the logo is unchanged on www.dr4christ.com Lines 1217 - 1285

    /* Logo Image ---*/
    .logo-image,
    .logo-text {
    background: #690
    border-bottom: 5px solid #84b12a
    float: left;
    height: 40px;
    position: relative;
    width: 120px;
    z-index: 1000;
    text-align: center;
    }

    .logo-image h1 {
    color: #fff
    display: block;
    margin-bottom: 0px;
    margin-left: 64px;
    margin-top: 3px;
    }

    .logo-image h1 a {
    background: url(../images/logo.png) no-repeat top left;
    height: 40px;
    float: left;
    text-indent: -999em;
    width: 120px;
    }

    /* Logo text ---*/
    .logo-text h1 {
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    }

    .logo-text h1 span {
    display: inline-block;
    font-size: 10px;
    line-height: normal;
    padding-right: 0;
    padding-top: 5px;
    vertical-align: top;
    }

    .logo-text h1 a {
    color: #fff
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.7);
    text-transform: uppercase;
    }

    .logo-text:hover h1 a,
    .logo-text h1 a:hover,
    .logo-text h1 a:active,
    .logo-text h1 a:focus {
    color: #fff
    }

    .logo-text p {
    color: #dfedc3
    display: block;
    font-size: 10px;
    margin-top: -3px;
    letter-spacing: -.5px;
    text-transform: uppercase;
    }

    This is how those lines were originally - which is slightly different than your example.

    /* Logo Image ---*/
    .logo-image,
    .logo-text {
    background: #690
    border-bottom: 5px solid #84b12a
    float: left;
    height: 40px;
    position: relative;
    width: 120px;
    z-index: 1000;
    text-align: center;
    }

    .logo-image h1 {
    color: #fff
    display: block;
    height: 40px;
    margin: 12px 0 0 20px;
    padding: 0;
    width: 120px;
    }

    .logo-image h1 a {
    background: url(../images/logo.png) no-repeat 0px 0px;
    display: block;
    text-indent: -999em;
    width: 79px;
    }

    /* Logo text ---*/
    .logo-text h1 {
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    }

    .logo-text h1 span {
    display: inline-block;
    font-size: 10px;
    line-height: normal;
    padding-right: 0;
    padding-top: 5px;
    vertical-align: top;
    }

    .logo-text h1 a {
    color: #fff
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.7);
    text-transform: uppercase;
    }

    .logo-text:hover h1 a,
    .logo-text h1 a:hover,
    .logo-text h1 a:active,
    .logo-text h1 a:focus {
    color: #fff
    }

    .logo-text p {
    color: #dfedc3
    display: block;
    font-size: 10px;
    margin-top: -3px;
    letter-spacing: -.5px;
    text-transform: uppercase;
    }

  3. #13
    Global Moderator
    Magento Single Product - Personal License - 1 domain [JM Megamall]
    wingly's Avatar
    Join Date
    Feb 2014
    Location
    Chisinau, Moldova
    Age
    25
    Posts
    282
    Points
    671.43
    Downloads
    49
    Uploads
    0
    Mentioned
    64 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    68
    Thanked 71 Times in 59 Posts
    Ok now i see.

    This should make it - go to templates/ja_wall/themes/color_black/css/ and open file theme.css

    about line 1231 find the code:

    Code:
    .logo-image h1 a {
    background: url(../images/logo.png) no-repeat top left;
    height: 24px;
    float: right;
    text-indent: -999em;
    width: 56px;
    }
    replace it with:

    Code:
    .logo-image h1 a {
    background: url(../images/logo.png) no-repeat top left;
    /* height: 24px; */
    float: right;
    text-indent: -999em;
    /* width: 56px; */
    }
    Also at line 1224 find the code:

    Code:
    .logo-image h1 {
    height: 24px;
    margin: 10px 0px 15px 30px;
    padding: 0;
    width: 56px;
    }
    Replace it with this one:

    Code:
    .logo-image h1 {
    height: 24px;
    /* margin: 10px 0px 15px 30px; */
    padding: 0;
    width: 56px;
    }

  4. #14
    Licensed Member
    Joomla Extensions Club - 1 YearWall Builder [JA Wall] Expired

    Join Date
    Dec 2012
    Posts
    58
    Points
    116.44
    Downloads
    68
    Uploads
    0
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    13
    Thanked 0 Times in 0 Posts
    O.K. - as you can see on a regular computer the logo is now working - THANK YOU SO MUCH WINGLY!! Noticed however on my iPhone that there is a double logo showing up with the text - DR4Christ Ministries showing up over the logo in grey. Any way to get that off?

    Tom
    www.dr4christ.com

  5. #15
    Global Moderator
    Magento Single Product - Personal License - 1 domain [JM Megamall]
    wingly's Avatar
    Join Date
    Feb 2014
    Location
    Chisinau, Moldova
    Age
    25
    Posts
    282
    Points
    671.43
    Downloads
    49
    Uploads
    0
    Mentioned
    64 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    68
    Thanked 71 Times in 59 Posts

    Thumbs up

    @dr4christ ;

    Sorry for the mobile display, i wanted to see how the desktop works first; So in order to fix the mobile layout add the following to the code:

    templates/ja_wall/themes/color_black/css/ and open file theme.css

    on line 2126 find the following code:

    Code:
        #header #logo h1 a {
            float: none; 
              }
    and replace it with this one:

    Code:
      #header #logo h1 a {
             display: block;
              float: left;
              margin-left: 50px;
              }
     #header #logo h1 a span{
             display: none;
    }
    Let me know how it works.

  6. The Following User Says Thank You to wingly For This Useful Post:

    dr4christ (04-01-2014)

  7. #16
    Licensed Member
    Joomla Extensions Club - 1 YearWall Builder [JA Wall] Expired

    Join Date
    Dec 2012
    Posts
    58
    Points
    116.44
    Downloads
    68
    Uploads
    0
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    13
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by wingly View Post
    @dr4christ ;

    Sorry for the mobile display, i wanted to see how the desktop works first; So in order to fix the mobile layout add the following to the code:

    templates/ja_wall/themes/color_black/css/ and open file theme.css

    on line 2126 find the following code:

    Code:
        #header #logo h1 a {
            float: none; 
              }
    and replace it with this one:

    Code:
      #header #logo h1 a {
             display: block;
              float: left;
              margin-left: 50px;
              }
     #header #logo h1 a span{
             display: none;
    }
    Let me know how it works.
    It is now working GREAT!! Thank you Wingy!!

+ Reply to Thread
Page 2 of 2 FirstFirst 1 2

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Stop working on Weekend!X

If your Boss broke your Joomla template or extension and ask you to fix it today. Here is the immediate solution. Then leave your request on the right forum, we will be helping after the Weekend Happy hours
Our Happy Hours: Friday 18:00 - Monday 9:00

No working during happy hours. Keep calm and don't break anything.