Hi,

This is the url of the About Us section of the demo http://kriesi.at/themes/enfold/pages/about-us/ … There are no icons here , but I am guessing thumbnail photos – like when you run the mouse over harrold houdini’s photo?

I got this css exactly the same way as shown on the above video using chrome developer tools

/*---these are the colors when mouse hovers--*/

#top .avia-team-member .twitter:hover {

color: rgb(70, 212, 254);

}

#top .avia-team-member .dribbble:hover {

color: rgb(228, 72, 133);

}

/*---this is the regular color of the icon inside circle--*/

#top .main_color .team-social a

color: grey;

}

/*---this is complete settings controlling size, shape, background color, position of the circle itself--*/

#top .team-social a {

text-decoration: none;

position: relative;

border-radius: 30px;

padding: 0 16px;

background: rgb(224, 17, 17);

margin: 3px;

display: inline-block;

height: 53px;

line-height: 54px;

width: 53px;

}

Keep playing with developer tools, i know at first it seems oppressive, but there is nothing better than this to use to quickly be able to edit css of any site.

Thanks,

Nick

Hi,

It’s the latest design style. All the big houses are just going crazy about it.

Nah, Its up to you in Enfold where to place the image. You can put it above, below, right or left of your article. Just use the advanced layout editor ( https://vimeo.com/64996057 ) here is a video I made about how to add layout editor functionality to your posts. Just instead of the custom post type, add post where it shows to edit in the video.

Then in your blog posts, don’t use the featured image instead use a simple slider, just add 1 slide to it, and it will automatically become the featured image. Then you can position the simple slider and the blog post however you want using the columns.

Thanks,

Nick

Andreano,

I submitted the pull request , so once Kriesi looks it over, in one form or another it will be in the next update.

Enjoy the theme. I will close this thread, otherwise it will never go away from my ”to do” screen, lol. Have fun!

Thanks,

Nick

Glad that Ismael took care of the issue. Enjoy the theme.

Nick

HI,

An update has just been released. Please install it since its a big update.

We can solve this in 5 minutes if you show us the actual page so we can use chrome dev tools or firebug to give you the code because I know you will reply that its not working if I try to guess at the css code. Here is my guess

Please add this to your quick css located at Enfold > Layout or to your /css/custom.css file

#top .avia_advanced_textarea {

pointer-events: auto;

display: inline-block;

visibility:visible !important;

}

I am not sure if i understand you other requests, please provide a url or screen captures with arrows to help us better understand your needs.

Thanks,

NIck

Hi ,

I don’t have a smartphone so please try each of these to see what it looks like

Option A:

Please add this to your /css/custom.css or Quick CSS located in Enfold > Styling on the bottom of the page

@media only screen and (max-width: 767px){

.responsive .tabcontainer .tab.fullsize-tab {

border-left-width: 1px;

border-left-style: solid;

border-left-color: rgb(225, 225, 225);

border-right-width: 1px;

border-right-style: solid;

border-right-color: rgb(225, 225, 225);

}}

Option B

open up /css/shortcodes.css and find line 627 that looks like

{width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;}

replace that with this line

{width:100%; max-width:100%; min-height: 0 !important;}

and add this css to Quick CSS

@media only screen and (max-width: 767px){

#top .active_tab_content {

border-right-width: 0px !important;

}}

Thanks,

Nick

Hi,

Do you mean this – right and left side? http://www.clipular.com/c?5530312=vJfGqdybIzPZGZoWNvFB0B21MK0&f=.png

Thanks,

Nick

Hi,

You can add a description which will come up as a tooltip when you hover over the thumbnails.

http://www.clipular.com/c?5525272=igbxklSRGC-RhPvXDxRmKuDlOAg&f=.png

I made a video showing in greater detail where to add that and its uploading at the moment.

Thank,

Nick

Hi,

Please make sure you install the recent theme update since lots of functionality is now even better.

Please add this to you css

.header_color .header_bg {

background-color:initial;

}

If you have a custom background image, this css will make the image show up. I don’t see transparency in the drop down menus right now. However there is a transparent bg color in play also though i don’t see on my end any difference one way or another changing it. You can change the last 0 to 100 to make transparent black become fully visible, and tell us the results. Though try this as a separate test from the one above

#header {

background-color: rgba(0, 0, 0, 0);

}

Thanks,

Nick

Hi,

For anyone less adroit then you in figuring this out I made a video showing how to add the layout builder functionality to Posts and Custom Post Types. https://vimeo.com/channels/aviathemes/64996057

Thanks,

Nick

Hi,

https://vimeo.com/channels/aviathemes/64978020 <— how to add the google map widget

https://vimeo.com/channels/aviathemes/64978019 <— how to build a contact page

https://kriesi.at/support/topic/google-maps-widget-in-custom-widget-area#post-106864 <— fix to apply to code if you plan to use two show directions with 2 addresses in 1 map.

Hi,

This is a possible bug. When the mouse touches the image for the first time , the circle with the two arrows appears over the image and the image becomes desaturated of color. For some reason every time you touch that image again that circle somehow gets in the way of actually touching the image so the tooltip is not triggered. I made Kriesi aware of this

However for now, if you don’t mind living without that circle being displayed over the center of the image when your mouse touches the image, you can do the following to get the tooltips working:

Please open up /js/avia.js in your theme folder, and find line 260 which looks like the line below (without the //) and now add // in front of line 260 just like I’ve done on the line below

//overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);

Thanks,

Nick

Hi,

It’s up to you what to display on the portfolio item page. For example, You can create a portfolio Item Page and add image-featured.png as the featured image which will display on the portfolio archive page as a thumbnail in a grid next to the other portfolio item pages. When a visitor clicks on that thumbnail they are taken to the portfolio item page.

So when you build the portfolio item page, after you added image-featured.jpg as featured, you set that porfolio item page (for example) to have no sidebar, then click the advanced layout editor blue button, add a 2/3 and 1/3 column . In the 2/3 column you add the media element ..

Just look here http://i.imgur.com/4jxo7Pa.png

THe point is , you add a media element to the portfolio item page and it will override the featured image. So featured image is only for the thumbnails,

Thanks,

Nick

Hi,

There is some kind of a problem with your setup. Every link in your Empressa sub-menu are completely empty. You are calling this page a blog, but it is not a blog, a blog has a list of blog posts and not a list of categories. Have you designates this page as a blog in Enfold > Theme Options ? or in Settings > Writing in the back-end (which you shouldn’t do anyway).

From my understanding of your issue, you want to have a page which shows a list of all blog categories. When a category is clicked, the visitor is taken to a page that lists all posts in that category? If your answer is yes, then you should not designate any of these pages as a blog.

Please email me credentials to: usjahm (at) gmail (dot) com

Thanks,

Nick

Hi,

For now would you disable the shortcodes plugin please that you are using, since the layout builder uses a form of shortcodes internally.

Thanks,

Nick