Jump to content

Archived

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

BentleyD

Flipper Arrow Color

Recommended Posts

BentleyD+    2
BentleyD

Hey guys,

 

I am working on http://theeargazm.com . To make the flipper arrow border color match the website I changed the css coinciding with it, but it also change the hyperlink color on the website. Since I chose black, the hyperlinks dont show up as hyperlinks. Can I separate the two?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Not sure what code you used where it would effect all hyperlinks on your site, if you wish to style a specific section, you should use the section classname to prefix your code. You could also use this (replace your current code):

 

#site .flipper-prev, #site .flipper-next {
color: #F00;
background: #008000;
}
#site .flipper-prev:hover, #site .flipper-next:hover {
color: #FFF;
background: #00F;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

Danny So here is the issue.. I was mistaken.. The "Link Base Color" Effects the flipper title, the flipper post titles and the hyperlinks.. So if I change it to black my hyperlinks don't show up. If I change it so the hyperlinks show up, the other 2 things are the hyperlink color and not black... Whats going on?

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

Danny Also when testing it out, I changed the link base color to tan, saved, changed it back to black, saved. The link color is stuck on tan when the Editor is active, but when i deactivate it shows black.. I cleared my cache and cookies and tried resaving and i am still getting the same issue. Whats going on?

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

Danny To clarify the entire time I have been talking about the hover color on the prev and next arrows. It coincides with the hyperlink color.

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

Danny Okay.. I apologize for all the posts. Disregard everything previous. The Editor issue resolved itself.

 

 

The issue is:

 

I want my Hyperlinked Flipper Titles to remain black, My flipper post titles to remain black, while the hyperlinks within my posts can be any other color but black so they stand out. How can I change the Link Base Color without affecting the Flipper Title and Flipper Post Titles?

Share this post


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

Hi Bentley, I'm a bit confused reading through the above but if I'm getting the gist of it I'd say do the following. Change the link base color to the color you want them to display other than the black. The use the css below to set the post titles and the flipper titles to black.

 

Flipper Post Titles

 

.flipper-wrap .flipper-items .flipper-meta .flipper-post-title {
    color: #000000 !important;
}
 
Flipper Title
 
.flipper-heading .flipper-title a { color: #000000 !important;}
  • Like 1

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
BentleyD+    2
BentleyD

James B"] @[member="Danny Thank you both for your help! That worked! Sorry about the confusion.

Share this post


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

No worries, glad it worked :-)


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

    • dreamsight
      By dreamsight+
      We only want the images and title mouse-over, not link/click to the actual post the title is from.
      Any ideas anyone?
      Thanks
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
    • tkpagelines
      By tkpagelines+
      Hi there ,
      i would like to change the color of menu items on hover and the current menu item. Both should have the same color, but not the color given of the theme scheme.
      Any suggestions ? Maybe a css snippet ?
       
      Thanks
    • king_kcm
      By king_kcm
      Is there any way to hide the excerpt in Flipper, and the navigation arrows?
    • nandorj78
      By nandorj78+
      How do I hide (or change) the category title in the Flipper section?
      Could there be a setting for this in the editor?
×