Portfolio Image Link Hover Colour

johnwildf1re · August 2016

Hi there,

Love the theme, its amazing.

I'm new to building wordpress sites, so go easy with me!!

I have a portfolio at the bottom of a page. I have managed to remove the link icons on hover, but can't for the life of me work out how to change the hover colour. Can you help?

Thanks in advance

Albert · August 2016

Hi,

please send us link to page where you would like to change hover color and we will have a look on it.

johnwildf1re · August 2016

Hi there,

I need to be able to change the hover colour of the portfolio items on the page here-

http://139.59.189.94/showcase/gallery/

Also I need to replicate the same effect on the related posts at the bottom of each single portfolio page such as this http://139.59.189.94/portfolio-item/ubs/

And also, if you would be so kind. How can I change the text from Related Posts to Related Projects?

And one final little request, if you could se be obliged, how do I remove the date from the pop out boxes on the scroll sticky buttons on the same page.

With respect and gratitude

John

Albert · August 2016

1. There is nothing on http://139.59.189.94/showcase/gallery/

2. It wouldn't be possible to replace the same effect on the related posts.

3. All texts can be changed under Theme options > Translate section.

4. Please send us link to page where you got such date and want to remove it.

johnwildf1re · August 2016

Hi there,

1. Sorry I moved the page over the weekend, it is now here - http://139.59.189.94/showcase/

2. It is not possible to change the hover colour on related posts on this page http://139.59.189.94/portfolio-item/schroders/

3. Thank you

4. http://139.59.189.94/portfolio-item/schroders/ the sticky buttons on the this page for scrolling between projects, I need to remove the date.

Albert · August 2016

1. To change hover mask color, you need to use the following css:

.image_frame .image_wrapper .mask::after { background: rgba(255,255,255,0.3) !important; }

2. Above css would change it's color as well.

4. To remove date from fixed navigation, please use:

.fixed-nav .desc .date { display: none !important; }

johnwildf1re · August 2016

You guys are amazing thank you soon much.

How do I change the colour of the fixed navigation, i can't seem to locate it in Theme options > colours

Albert · August 2016

What color you mean exactly? And in which place you want to change it?

johnwildf1re · September 2016

Hi sorry for the delay in response.

The fixed navigation sticky button that you gave me the CSS above to remove the date from, I need to change the background to #4d4d4c and the writing to #00b3df.

Albert · September 2016

Ok. So to change these colors, please use:

.fixed-nav .desc { background: #000 !important; }
.fixed-nav .desc h6 { color: #FFF !important; }

johnwildf1re · September 2016

Thanks so much, it has worked like a dream.

Two other thing on portfolio items.

On the sticky buttons you have so kindly given me the css for the colours for. How do I change the colour of the arrows on the .fixed-nav

Also, how do I left align the title on each item?

http://139.59.189.94/portfolio-item/schroders/

Albert · September 2016

1. To change the colors of the arrows on fixed nav, please use:

.fixed-nav .arrow { color: #000 !important; }

2. To align the title to the left side, please use:

.post-header .title_wrapper { padding-left: 0 !important; margin-left: 0 !important; }

johnwildf1re · September 2016

Thats really great,

Just a couple more things in regards this.

1. The colour of the box that the fixed nav arrow is in, how do i change that?

2. The browse arrows that sit above the title, how do I left align them?

johnwildf1re · September 2016

One other thing regarding portfolio

As you can see on this page

http://139.59.189.94/portfolio-item/epam-epic/ preview_id=486&preview_nonce=9b0a6c9c1c&_thumbnail_id=487&preview=true

I have already got the name of the portfolio item on the featured image, how do I remove the text from below the featured image?

Albert · September 2016

1. Into the css we gave you above, next to the color attribute, you need to use background attribute with different color of course.

2. Those arrows can be aligned to the left with the following css:

.post-nav { padding: 0 !important; }

3. The link you sent above, doesn't work.

johnwildf1re · September 2016

Sorry, here is the correct link http://139.59.189.94/portfolio-item/land-securities/

How can I remove the portfolio titles.

Thanks ever so much for all your help. As you no doubt can see, I have not got a clue regarding css!!

johnwildf1re · September 2016

http://postimg.org/image/ifa16pvkz/

Need to remove these. Thank you

Albert · September 2016

Ok. thanks. So to remove portfolio title, please use the following css:

.single-portfolio .section-related-ul .post-related .desc { display: none !important; }

Portfolio Image Link Hover Colour

Comments