Jump to content

Archived

This topic is now archived and is closed to further replies.

KimAnn03

post meta color

Recommended Posts

KimAnn03    2
KimAnn03

hi all-

 

No matter what color i put for the post meta, which right now is #fec000, it looks more dismal than the actual color should be. Is there a way to fix this? For example, this is an image comparing the color entered and what the post meta color looks like(and when you inspect the element it is the color that comes up):

http://dev.thecosmicpath.com/wp-content/uploads/IMG_5633.jpg

 

In case you want a clearer pic:

http://dev.thecosmicpath.com/wp-content/uploads/dmscolor.jpg

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi KimAnn03

 

This might not be the best way to add style to your site >

 

<h5>
 
<font color="#F0BB44;font="" face="Trebuchet MS">

 

The font tag is deprecated and not supported in HTML5 - you should be using CSS to get the best result, This and other deprecated functionality will not get you the best results, search engine results and will one day stop working or at least get you ranking lower than sites that are using the correct methods. Browser simply won't  support this in the future and your site will stop working in those browsers. . 

 

You could use a custom CSS class and add this to the section. 

 

you can see more advice about the deprecated functionality used on your site here http://www.w3schools.com/tags/tag_font.asp

 

CSS Example: Set the color of text

CSS Example: Set the font of text

CSS Example: Set the size of text

 

I think you will get better results using CSS on your site 

 

 

So in turn it is CSS that is affecting the 'drabness' of the vibrant gold color. 

 

The CSS for the post meta info is as follows 

 

.pl-old-loop .metabar {
  font-size:85%;
  font-style:normal;
  line-height:1.6em;
  margin:5px 0 15px;
  opacity:0.7;}
 
the opacity is 'dulling' the color as you might imagine it would. 
 
try changing this by rewriting the CSS for that meta class to opacity : 1;
  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
KimAnn03    2
KimAnn03

Martin Davies thank you so much that did it! Do I have the above somewhere on my site is that why you referenced it? This:

 

<font color="#F0BB44;font="" face="Trebuchet MS">

 

Also My post meta is configured like this, is this ok?

By [post_author_posts_link] <div style="float: right;">[post_date]</div>

Is it just the font tag deprecated in html5?

Share this post


Link to post
Share on other sites
KimAnn03    2
KimAnn03

Martin Davies I found what you were referencing. This is the media box on my homepage where I have the code:

<h5><FONT COLOR="#F0BB44";FONT FACE="Trebuchet MS"><i>Cosmic Consciousness<br>Using Astrology To Gain Higher Ground</font></i></h4>

 

SO I went to the Custom Styling Class and I added frontmediabox as the class.

I tried this:

 

.frontmediabox {

font-color: #F0BB44

}

 

and it did not work. Any other suggestions so I can get rid of that ugly code (thanks for pointing that out). I also want trebuchet MS as font.

 

thanks

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Martin Davies I found what you were referencing. This is the media box on my homepage where I have the code:

<h5><FONT COLOR="#F0BB44";FONT FACE="Trebuchet MS"><i>Cosmic Consciousness<br>Using Astrology To Gain Higher Ground</font></i></h4>

 

SO I went to the Custom Styling Class and I added frontmediabox as the class.

I tried this:

 

.frontmediabox {

font-color: #F0BB44

}

 

and it did not work. Any other suggestions so I can get rid of that ugly code (thanks for pointing that out). I also want trebuchet MS as font.

 

thanks

 Try adding to wp-admin > Pagelines > DMS Fallbacks > Custom CSS/LESS

 

.frontmediabox {

  color: #F0BB44

}

 

Then in the Custom Styling Classes, you reference that class by adding:  frontmediabox

 

Add in for font family, referenced  for that class .frontmediabox, that you have just created

 

.frontmediabox {

  color: #F0BB44

  font-family: "Trebuchet MS";

}

 

but if that is to be site/page wide, (not sure why you are not changing that in Site Settings > Typography????) then you should really use a separate piece of CSS in wp-admin > Pagelines > DMS Fallbacks > Custom CSS/LESS

 

font-family: "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;

 

and using #site or #page ids depending where you want the CSS to apply, to make sure that the  CSS changes override default CSS rules

 

#site {

  font-family: "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;

}

 

or if it is #page, then you will need to reference its id or a particular section, ie #page .section { font-family: "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;} 


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
KimAnn03    2
KimAnn03

I tried like 30 different ways to get the styling classes for this media box to work and NOTHING. I used the provided CSS, tried a few different styling classes, read the DMS docs on styling classes, used the fallback editor....nothing worked. If your editor worked like it is supposed to I'd be happy to use CSS to code this text, however I have to use less than desirable code to get the effect I need :(

Share this post


Link to post
Share on other sites
KimAnn03    2
KimAnn03

Resolved...Simon_P provided the solution:

 

<h5 class="higher-ground">
Cosmic Consciousness<br>Using Astrology To Gain Higher Ground</h5>

 

CSS:

.higher-ground {

    font-family: "Trebuchet MS", Helvetica, sans-serif;

    font-style: italic;

    color: #F0BB44;

}

Share this post


Link to post
Share on other sites
James B    436
James B

Glad you managed to resolve, thank you for updating the thread.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×