Home › Forums › Pro Themes › Photo Perfect Pro › Background color …

Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • Author
    Posts
  • October 13, 2017 at 1:40 pm #55668
    Jerry
    Participant

    Hi
    1.I am looking for change background color : black and I can’t find where I can do this, I still have white frame:

    2.How I can resized Site Title, I mean make smaller fonts.
    3.And change menu button background (not button menu)from grey to black. There is Site Title on it.

    Thank you for patience
    Regards Jerry

    October 13, 2017 at 2:06 pm #55670
    Jerry
    Participant

    I was edit raw and now need only top and botton black.

    October 15, 2017 at 3:03 am #55736
    wensolutions
    Keymaster

    Hello @pcwitcher,

    The theme has already provided the option to change the background color of the site .

    For this go to Admin Panel > Appearance > Customize > Color Options > Basic Color Options > Background Color and change the color as per your requirement .

    To resize the site title use below give CSS.

    Go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .site-title {  
    font-size: 45px;
    }

    Adjust the size according to your requirement .

    To change the background color of the site title section use below given CSS.

    #site-identity {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.93);
  
}

    Hope this helps .

    Best Regards!!

    October 15, 2017 at 6:57 am #55752
    Jerry
    Participant

    This is already changed, but not help still white frame , when I was setuo raw with for full with just white on top and bottom like you see magdalenamakeupartist.ie
    maybe I have to change samowere else, when I am used free theme be ok, here is more setup options. You have more expierence so maybe can help.

    October 15, 2017 at 7:15 am #55754
    wensolutions
    Keymaster

    Hello @pcwitcher,

    Please paste below given CSS .

    .home.page #main {
    background: #000;
}

    This changes the white area at top and button of the page to black.

    If this is not what you are looking for then please provide the screen shot marking the section that you want to change the color for .

    Hope this helps .

    Best Regards!!

    October 15, 2017 at 7:42 am #55757
    Jerry
    Participant

    Works fine . Thank You

    Only on mobile phone ver still is grey color on top.mobile

    Regards
    Jerry

    October 15, 2017 at 7:44 am #55758
    Jerry
    Participant

    screen shoot

    I don’t know how add pic here

    October 15, 2017 at 7:59 am #55760
    wensolutions
    Keymaster

    Hello @pcwitcher,

    For responsive view use below given CSS

    @media only screen and (max-width: 479px)
.site-header {
    background-color: #000;
   }

    Hope this helps .

    Best Regards!!

    October 15, 2017 at 8:05 am #55761
    Jerry
    Participant

    Perfect!
    For now Thank You and have a good day.

    Regards Jerry

    October 15, 2017 at 9:57 am #55782
    Jerry
    Participant
    @media only screen and (max-width: 479px)
.site-header {
    background-color: #000;
   }

    I put only
    `site-header {
    background-color: #000;
    }
    that’s looks ok for mobile, but cover header image, if I put all code not change nothing at mobile.

    October 15, 2017 at 2:48 pm #55809
    Jerry
    Participant
    
.site-header {
    background-color: transparent ;
   }

    This work fine for mobile for now.

    
@media only screen and (max-width: 479px)

    This line not works.

    Regards
    Jerry

    October 15, 2017 at 11:24 pm #55829
    wensolutions
    Keymaster

    Hello @pcwitcher,

    Please replace the above given code with the code given below :

    @media only screen and (max-width: 479px){
.site-header {
    background-color: #000;
   }
}

    Hope this helps .

    Best Regards!!

    October 16, 2017 at 8:23 am #55934
    Jerry
    Participant

    Great, now works .
    Can I have one more qustion?
    Site Title has small box background and underline how can I remove that? That’s on computer view.

    Regards
    Jerry
    Thank You for Your patience.

    October 16, 2017 at 11:47 pm #55983
    wensolutions
    Keymaster

    Hello @pcwitcher,

    Nice to know that your previous issue is solved .

    Now to remove the background of the site title and border use below given CSS.

    div#site-identity {
    background: none;
}

.site-title {
    border-bottom: none;
   }

    Hope this helps .

    Best Regards!!

    October 21, 2017 at 12:42 pm #56343
    Jerry
    Participant

    Thank you for that.

    Now when I am try black background on another page About I have the same problem I have white frame around. How can I change for black background everywhere?
    About link

    Regards
    Jerry

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • You must be logged in to reply to this topic.