LIMITED OFFER: Save $200 Today! - Get All Themes For $199 -- Learn More

Ask the community

This is a community support forum where you can ask
questions and interact with other PremiumPress Customers.

Color Font Changing in homepage block (see image)

  • marty
    marty
    Newbie 18 points
    February 1, 2017 at 6:40 pm

    Hello guys (& girls)

    Is there somebody who can give me a headset up where I can change or override the css of the Homepage Font & Colors? It seems to be easy as $%^& but I cant make it work/find.

    Thank you for all your help!

    To Mark (& Friends)
    Maybe it’s an idea to integrate “Buy me a Cup-of-Coffee” here in the forum. So we can do micro payments to people who really take an effort to help people like me. Every oner or two Dollar/Euro/Pound’s count… ๐Ÿ˜‰

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    Super Guru 1,354 points
    February 1, 2017 at 8:12 pm

    Hello Marty,

    Please post a URL It’ll make it easier for people to assist you.

  • marty
    marty
    Newbie 18 points
    February 1, 2017 at 8:48 pm

    Thnx!
    Link url: Pinup Mode & Fashion

  • JamesD
    JamesD
    Super Guru 1,354 points
    February 1, 2017 at 9:07 pm

    Hello Marty,

    Is this a version 7 theme?
    There may be an easier way, but you can use a little CSS until you find out.

    You can add something like the following to your custom stylesheet or under “Theme Setup > General Setup > CSS/Javascript > Custom CSS”: (assuming your theme version has this setting):

    For the title portion, like “Pinup Clothing”, you could use the following to change the font color to red:

    
    .home_box1 li h3 {
        color: #FF0000; 
    }

    For the subptitle portion, like “Pinup Dresses, Tops & More”, you could use the following to change the font color to red:

    
    .home_box1 li span {
        color: #FF0000; 
    }
    

    Note: I used the color red for simplicity. Just change the “#FF0000” to the color you need for each.

    If you need to adjust the font-size without altering a template, then you could add “font-size: 22px;” (or use whatever value needed):

    
    .home_box1 li h3 {
        color: #FF0000; 
        font-size: 22px;
    }
    This reply was awarded the best answer by the topic poster.
  • marty
    marty
    Newbie 18 points
    February 1, 2017 at 10:01 pm

    Hi James,
    Thank you for your help,

    For some reason there is something which over writes my css code.
    I have already tried several different possibilities but nothing works.
    I am trying now to change the core template in cpanel.
    But I believe I have done this before, just have figured out where….
    This (is?) should be a simple function, or am I wrong. Maybe I’m just overseeing it…
    Otherwise I maybe should uninstall some plugins.

    Versions I have installed:
    PP Shopper ~ Version 8.9.6
    WP ~ 4.7.2.

    Thnx

  • marty
    marty
    Newbie 18 points
    February 1, 2017 at 10:05 pm

    James:
    It does work! I had some other css taken out I wrote.

    Thank you very much!!!!

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    Super Guru 1,354 points
    February 1, 2017 at 10:08 pm

    @Marty
    I can see the titles are white now and the sub-titles red, so something has changed. ๐Ÿ˜‰

    Good job, glad to be of help.

  • marty
    marty
    Newbie 18 points
    February 1, 2017 at 10:14 pm

    I can’t thank you enough! I have been “fooling around” with this the entire evening last night. I still don’t understand what I did wrong, but it works.

    No pressure for Mark & Team, but I would definitely bought you a “Cup-of-Coffee” for this one!


  • Marilyn
    Senior Member 105 points
    February 1, 2017 at 10:41 pm

    Glad you got it worked out.

    For me, I use the: “Design Setup / Color Tool” that PP comes with to change most colors. Beyond that I don’t know much CSS so I bought CSSHero. But it has to be ON for the changes to stay, but they do provide the code which you can copy and paste into the Custom CSS area so you can turn it off. I have a bit of a hard time finding the right things to change with CSSHero, I use the trial and error method. LOL

  • marty
    marty
    Newbie 18 points
    February 1, 2017 at 10:51 pm

    Marilyn,
    If you use chrome and use right click “element” you will see all the coding behind the site and specific area. If you find the “class” of a certain area, you can literally copy and past it in the custom css of PremiumPress.
    The only thing you have to do than is change the font, color, size or whatever.

    However: Out of my experience: Trial & Error works also great, because you keep learning!

    Good luck!

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