WordPress.org

Ready to get started?Download WordPress

Forums

  1. TysonGobind
    Member
    Posted 11 months ago #

    Hello, I recently downloaded this plugin in and I love it. Definitely looks professional and good.

    But my problem is that I have the Gleam Theme which makes all my letters White, and normally that wouldnt be a problem but when I put information into my Listing such as Property Type or just any information at all from the menu. It ends up having a white box:

    Regular Writing

    White Box with Writing

    Regular Writing

    White Box with Writing

    and so on, as everyone who has this theme and the developer should know what i'm talking about despite my poor description.

    But because my writing is default white, and the box is white, I can't see any of the information in the white boxes and neither can my clients.

    Is there anyway around this or to change the font color?

    http://wordpress.org/plugins/wp-property/

  2. futurecar
    Member
    Posted 11 months ago #

    Yes there is a way, are you good with CSS?

  3. futurecar
    Member
    Posted 11 months ago #

    Get custom css manager
    Use webdeveloper tools (a firefox addon) to find the class or id of the element containing the text. Then to see if it works, you can actually make edits to the css within webdeveloper to see how it affects that element before making the final change via css.

  4. TysonGobind
    Member
    Posted 11 months ago #

    oh man, i am very new to the point of never used CSS... can you give me a bit more detailed explanation on what I have to do?

  5. futurecar
    Member
    Posted 11 months ago #

    Ahh ok no problem. Is it possible for you to send me a link to the page in question? This would help tremendously.

  6. TysonGobind
    Member
    Posted 11 months ago #

    For sure, my website is http://www.g-realestate.com and go to Listings and select the only one ive uploaded so far. Then scroll down past the pictures and you will see exactly what im talking about.

  7. TysonGobind
    Member
    Posted 11 months ago #

    ummm... im not sure whats going on but now I cannot access my website....

  8. futurecar
    Member
    Posted 11 months ago #

    Ok, do this. Get the custom css manager plugin for wordpress and add the following code:

    ul#property_stats.list li.alt, ul.wpp_property_stats.list li.alt {
    background: none repeat scroll 0px 0px rgb(238, 238, 238);
    color: black;
    }

    See, I added the color black but you can change this to any color you want whether its hex, rgb or simply saying white, red, blue, purple or whatever. Let me know if this works for you.

    This is how it looks when I made the change via webdeveloper.

  9. TysonGobind
    Member
    Posted 11 months ago #

    false alarm, its back. I'm not sure what happened there.

  10. futurecar
    Member
    Posted 11 months ago #

    Probably a hiccup somewhere.

  11. TysonGobind
    Member
    Posted 11 months ago #

    Thats exactly what im looking for, thanks so much for the help. Now to do what you said and hope it works with my lack of skills

  12. futurecar
    Member
    Posted 11 months ago #

    Hey no problem, just paying it forward. Let me know if you get stuck. Working on my site right now so I will hang around.

  13. TysonGobind
    Member
    Posted 11 months ago #

    oh my goodness, that was so amazingly simple and perfect.... You're the best! Thank you so much!!

  14. TysonGobind
    Member
    Posted 11 months ago #

    I have another question to ask of you, but not sure if your coding skills can help. But when you go on my website, and click listings, you see the listing in this thumbnail tab right? The entire tab is white, is there a way to change the color there? The white is really in your face with the more darker colors I have going with the theme. Is there a magical code you know for that one? lol

  15. futurecar
    Member
    Posted 11 months ago #

    No problem! Good luck with completing your site!

  16. futurecar
    Member
    Posted 11 months ago #

    hold up lemme have another look

  17. TysonGobind
    Member
    Posted 11 months ago #

    Are you a Realtor too? I only ask because you are on this support chat and say your working on your site, pure curiosity.

  18. futurecar
    Member
    Posted 11 months ago #

    Actually, I am not a realtor but very familiar with their marketing needs and web design in general. This site that I am doing in particular is for a friend of mine who is a very experienced realtor :). So I understand where you're trying to go marketing wise. I myself just started using this plugin and understanding the back-end of it to get it where I want it to be. It wasn't easy but Im almost done. Just a random person who happened to see your post when marking mines as solved.

  19. futurecar
    Member
    Posted 11 months ago #

    I have an answer for your previous question but hold on cause there will be some explanation.

  20. futurecar
    Member
    Posted 11 months ago #

    Ok so this is the change.
    I centered the box a little, added a border at the bottom, made the text white and added a bottom margin so you may want to add another listing to see how that looks.

    Doing this requires changes in several areas. Also you will notice that the two icons (the phone and map) are quite visible. It's possible you would have to make back-end changes to remove them. Also, after adding the custom code, make sure everything looks ok on different pages. You don't know if the same css identifier is being used elsewhere.

    Try this:

    .wpp_row_view div.property_div {
        padding: 1%;
        position: relative;
        width: 98%;
        margin: 0px 0px 20px 18%;
        border-bottom: 1px solid #ccc;
    }
    
    .wpp_row_view .property_title a {
        color: rgb(5, 173, 171);
        text-decoration: none;
    }
    
    .wpp_row_view ul.wpp_overview_data .property_phone_number {
        background: url("images/phone_address.gif") no-repeat scroll left top transparent;
        color: rgb(255, 255, 255);
        font-size: 18px;
        padding-left: 34px;
    }
    
    .property_address a {
        color: rgb(255, 255, 255);
        display: block;
        padding-top: 6px;
        text-decoration: none;
    }
    
    .wpp_row_view ul.wpp_overview_data .property_price {
        color: rgb(255, 255, 255);
        display: block;
        font-size: 18px;
        height: 25px;
        margin-top: 10px;
        padding-left: 35px;
        text-decoration: none;
    }
  21. TysonGobind
    Member
    Posted 11 months ago #

    You definitely are familiar with the marketing needs of a realtor, you tweaked the tabs in exactly the way I was hoping to have them look, but without me even telling you haha.

    The funny thing is I wasnt going to post on here, I was searching for an hour and a half through the threads to figure things out myself. But I couldn't find anything and decided to register an account and post a question. And thankfully by some chance of fate, you were on line at the same time and saved my website! So I'm super happy that you were up and working on figuring out this plugin lol.

    But I did run into a problem with the tab coding, I copied and pasted it into the css manager but sadly nothing changed. Did I have to do anything else?

    (Sorry for the late reply, Im watching the Master Chef Finale!!)

  22. futurecar
    Member
    Posted 11 months ago #

    It's all good!
    Yep, I figured that might be the look you'd go for because mine is way customized compared to the original lol.

    Trust me, I had that same feeling when someone answered a php question that had stumped me for days (im not a programmer but can understand it enough to edit it) and I swear it was awesome so im helping someone in return haha.

    Sorry, forgot to add the background value. You still see the white because the other stylesheet attached to your listings page still has background value set to white. When you update your page with this code, it should overwrite what is in the original css.

    Ok add this (right above padding: 1%;):

    background:none !important;

    to this class
    .wpp_row_view div.property_div

  23. futurecar
    Member
    Posted 11 months ago #

    Hopefully that should work. I sent you an example of what im working on through your contact form. Cool music tracks.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.