Sharee

Change default grey or gray colors

Hi guys... So... while I'm still waiting to get my website up and running due to no conditional logic on the add listing form for classifieds... I've decided to try and hack away at the design. So.. the ugly grey needs to go. How? I'd like to change the color of the my account boxes please. thanks.

Created: September 6, 2015 at 5:56 am
  • In: Classifieds Theme
  • Started by: ShareeSharee
  • 4 members left 7 comments
  • Last reply from: ShareeSharee

  • Mark Fail
    Mark Fail
    September 6, 2015 at 12:06 pm

    You can switch to a list view instead if your using

  • Sharee
    Sharee
    September 6, 2015 at 8:12 pm

    Can’t use since it’s only on a clean install right?
    And I rather like the not the gray color. So how do I change the color?

  • Michael
    Michael
    September 6, 2015 at 9:42 pm

    Custom CSS? For Add Listing page? The page file can be discovered by using plugin called What’s My File. Then you can use Firefox and firebug to discover the code but don’t mess with the core files. Copy the page to ur child theme or put CSS code in style. css in child theme or misc area on theme overview general settings (bottom tab).

    Hope thay may help.

  • Sharee
    Sharee
    September 6, 2015 at 10:06 pm

    Hey there Micheal,
    Thanks for the response 🙂
    I already have what’s my file …downloaded it a long time ago when I started using this
    however, I for some reason cannot change the box colors for the my account page.

    you around? You seem very knowledgeable when it comes to stuff like this.

  • Michael
    Michael
    September 6, 2015 at 10:28 pm

    U wanna change the box color of the my account page? U need to find out what the box is called to change its color.

    Custom CSS should be fine.

    Find the box as it is styled in page. Use Google Chrome or Firefox when u r visiting that page.

    Then insert the CSS code into the custom CSS area, probably header area.

    .my_account_box or whatever thr name is (may be some obscure or common name for a box or page style) Then color you want instead of gray,if want border,type of font, any columns, clearfix whatever else is in that area….my info is not accurate just a bad example that yru to help you identify. Check W3 schools for CSS.

    If CSS was my forte, this would be simple. It probably is. I just haven’t learned it enough yet.


  • Josh
    September 7, 2015 at 1:11 pm

    Hello Sharee,
    Was away for the weekend but am back this under Design Setup >Custom Meta Data >Header Styles
    <style>
    .account-block .description {
    background:#3b3b3b !important;
    </style>
    Replace #3b3b3b with your color

  • Sharee
    Sharee
    September 7, 2015 at 7:27 pm

    Thanks Josh & welcome back!
    So that did the trick of recoloring…so I’ll award you the

    I’m now faced with
    1)acct boxes that no longer do a hover…( for clarity )
    2) too dark of a text font…
    3) and a white eyesore of a line that was already there but more prevalent with the color change.

    When I did inspect element it came up as being called hr…
    here is the code I have so far
    [code] <style>
    .account-block .description {
    background:#4490c8 !important;
    h3 {
    color:#ffffff !important;
    p {
    color:#ffffff !important;
    hr {
    background:#4490c8 !important;
    </style>
    [/code]

    and as you can tell by the attachment, the only part that is working is the code you provided Josh.
    Thanks again btw.

    Attachments:
    You must be logged in to view attached files.

Viewing 8 posts - 1 through 8 (of 8 total)