just wondering why the link works if it’s a hyperlink on text but not a link on an image? when the URL is the same… i can’t change the URL as it’s an external article on a blog

thanks…

this solution u provided still isnt working if u go from a link to the photos pg it is still whited out and the portfolio pg isnt showing any images at all?
http://www.heliproducts.com/webtest/photos/
http://www.heliproducts.com/webtest/portfolio/

Hi Jouse, thanks for the info. Sorry to be such a noob, but I put that code into Quick CSS (under the Enfold menu>styling bit?) – I can’t see what it’s done lol?

Again – apologies for my dumbacity haha :)

by the way, i increase the picture size by adding “.image_size_widget .news-thumb img { width: 36px; height: 36px; }
.image_size_widget .news-thumb { height: 44px; width: 44px; }” to Quick CSS in Enfold theme options under Styling tab

Hi Ismael

I fixed it some how (strange stuff :)

However, as I have just posted, the site does not look good when running in IE8….

Hi Yigit,
It’s working for the image but do i have to change also the size of the “portfolio.preview.content” because now it’s smaller.
And an additional question,is it possible to add the hover effect of masonry gallery to ajax portfolio gallery or where can i add my own css hover effect?

• This reply was modified 12 years, 5 months ago by saquasar.

Hi Jouse – my bad I forgot to update yesterday. I did a bit of a work-around and took screen grabs of the icons and then uploaded them as image buttons and then linked them from that. Not ideal but similar effect :0)

The only downside is there’s a bit of padding around the images when you hover over them – but works for now. Thanks for replying though!

Thanks a lot Yigit!
Its working fine but still as I mentioned in my previous message,
1. Its not showing Hover effect just like when you rollover an image the image get a bit fade and an Arrow popups for zoom in.

2. When I click on thumbnail (large image now) image open in pop up but when I click on zoom in (right top of the lightbox) it doesn’t zoom in to actual size of the uploaded image.
to elaborate you more I created 2 images by using Gallery Plugin and 2 images by Image Media Element. So, you can check the upper two images are not zooming in to actual size while the other two images are showing you full size of the image when you click on zoom button in lightbox.

http://goo.gl/wKE1F2

3. When you scroll down images pops up for no reason.

Please help thanks.

I’d love you to have a look, I’m just working on the front page style, the content of portfolio single pages isn’t sorted out yet. http://ccrasa.com.
As I’m still experimenting, parts that may end up transparent may have a solid fill, and visa versa.

I want to build a page with an animated gif background , and some boxes (links) float in from the sides or ease in a ‘sexy’ way. The Layer Slider is absolutely amazing, but on smaller screen sizes it would shrink down and the selectable links and the text on them would be miniscule. That’s why I’m trying the portfolio grid.

Thanks for the plugin link. I installed but maybe my server didn’t meet the requirements stated, as I only got the first admin screen. so, I tried the plugin “Background Manager” but I got “requires PHP version 5.3.0 or better, but version 5.2.17 was detected“. A quick chat with the hosts’ techies and they updated the php version.
Now that I’m using Background Manager I have placed a test background image on the front page. The plugin you suggested allowed (required) the naming of the div to which the background would be applied, which sounds great, maybe my hosting will catch up one day. The requirements for that one were “PHP 5.2.4 + and MySQL 5.0+. In addition your hoster/server must allow/support the php eval() function and must support the wp_remote_get() and cUrl function” Perhaps they would upgrade all of those other bits also but I haven’t asked as I’ve found the solution I needed with the other plug-in.
At first the background only appeared below the footer as the divs above it must have had a white background. I tried identifying these divs in FireBug and giving them transparency with rgba color values but I was failing. I then went to the Styling section of the Theme Options. It came flooding back to me from customising Propulsion how the color boxes don’t accept the typing of rgba, but if you paste it there it stays. The only difference is that Propulsion gave control over the degree of transparency, whereas Enfold is looking at any rgba value and making it totally transparent. It also came flooding back how the automatically generated text colours become very wierd once you have applied some rgba values.

I need to identify divs to see if I can apply partial transparencies from the Child Theme css, and also control the wild colours that are coming up. I received great help from you last time in identifying these divs.

I also needed to make some space between the portfolio grid entries so that a little more of the background would show through.
Interesting is that when I give .grid-entry a margin (I did it in the Quick CSS facility) .grid-entry {margin:15px ;} it only creates a space below but not to the left or right of the grid entries.
In the end I made the graphic on the grid-entries (portfolio featured image) with a surrounding transparent area.

I need to lose the drop shadow on .grid-entry but I’m not sure how to do that. I’ve tried .grid-entry { border-style: none; } but it seemed that there wasn’t a border anyway, just a drop shadow.

Last thing would be to have the text boxes on the portfolio entering the page or easing in way that’s a bit ‘sexy’ with a script. Do you any tips here please, I’m pretty new to animating stuff.

Thanks
Tim

• This reply was modified 12 years, 5 months ago by KingConga.

hello

i have a question about an image in a layer slider!! how can i use a html mapping to have only some area of the image clickable ? like in this exemple

<map name=example>
<area shape=Rect Coords=0,0,29,29 Href=”http://www.yahoo.com”&gt;
<area shape=Rect Coords=30,30,59,59 Href=”http://www.hotbot.com”&gt;
</map>