WordPress.org

Forums

Preference Lite
[resolved] Preference Lite - blue issue and a question (7 posts)

  1. Peri's Spice Ladle
    Member
    Posted 2 years ago #

    I just installed Preference lite on my new wordpress.org site last week, thanks for making a beautiful and easily adaptable theme. My site's color scheme is green.

    The issue is I cant change the following from blue to green, my site is Peri's Spice Ladle

    - the blue line under the right sidebar title stays 'blue' but I need it to be green, just cant find a place to change it (the blue links under the line are just there to match that blue line, the issue is only the line.)

    - the links under 'recent posts' in the sidebar show up as 'some blue and some grey' although they are all set to blue.

    - In the footer, the links color stays 'white' although my settings are different (hence the green background in the footer.)

    I also have a question:

    - How do I change my entire site's font style, color and size to a different one of my choice.

    I'm really new to CSS and other code-stuff but willing to learn as required.

    Thanks!
    Peri.

  2. StyledThemes
    Member
    Theme Author

    Posted 2 years ago #

    For the blue line, this is the default colour for widgets for the Lite version. My Pro version offers multiple colours and even though part of the css from the Pro is in the Lite version, you will have to modify the css manually for the Lite version (preferably using a child theme...which I have available from my site's tutorials on this theme).

    The style in question is found in the theme's style.css around line 986 and looks like this:

    /* Module style 1 */
    .modline-outer {
    	height:2px;
    	border-top:1px solid #78a5b6;
    	border-bottom:1px solid #78a5b6;
    	margin-bottom:18px;
    }
    .modline-inner {
    	width:25%;
    	height:2px;
    	background-color:#78a5b6;
    }

    That bluish colour is the #78a5b6 that you see above in the code.

    For the Links under "Recent Posts", they are not blue but a grey. What colour did you want those links to be?

    For the Footer links, same question, what colour did you want the links?

    Font type, size, etc, are done partly from the style.css and from the theme's customizer. Colour of text for your main content is from the customizer which right now your's is set to black #000000. For the font family and the base size, this is in the style.css around line 63 and looks like this:

    html {
    	font-size: 100%;
    	font-family: "PT Sans", Arial, Helvetica, sans-serif;
    	color:#747474;
    }

    Font size is done from many places so it's a case of looking for all the font-size: within the style.css file. But the base size is in the code I just posted above at 100% which should equal 16px. My theme also uses rem values which are relative sizing. So any text using the rem attribute instead of px, will be relative to the html size of 100% as noted above. Here is a good tool for converting sizes: http://pxtoem.com/

    But, for the main content area, the styling is found just below the html one above around line 68 and looks like this:

    body {
    	font-size:13px;
    		font-size: 0.813rem;
    	line-height:21px;
    		line-height:1.313rem;

    A little side note for helping you learn CSS...I bookmarked this myself and use it many times: http://www.w3schools.com/

  3. Peri's Spice Ladle
    Member
    Posted 2 years ago #

    Thank you so much all this information. I'm going to sift through it step by step starting with the handy tutorial links:)

    About the links under recent post, they can either be all grey or all blue. I'm lost on why the first two links are blue and then the rest are all grey! http://www.perisspiceladle.com/

    Truly appreciate all your help and thanks once again for creating a beautiful theme...

    Have a great day
    Peri.

  4. StyledThemes
    Member
    Theme Author

    Posted 2 years ago #

    You're very welcome.

    Regarding the links...First two that you said or any that show as blue means you've clicked on them before and is what is called a "Visited" link. No one else will see it but the person who clicked on them previously.

  5. StyledThemes
    Member
    Theme Author

    Posted 2 years ago #

    Hello...It's been about 3 days so I just wanted to find out if everything is going ok now? If so, is it safe to say this topic is closed as solved?

  6. Peri's Spice Ladle
    Member
    Posted 2 years ago #

    Hi...yes, we can consider this resolved. Although please leave the thread so I can refer to it as required. Thanks for all your help here!

  7. StyledThemes
    Member
    Theme Author

    Posted 2 years ago #

    You're very welcome... and not a problem, the threads stay in place. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic