Here’s a quick fix – add this into the Quick CSS in styling menu…
#header_main{
background: url(http://www.domain.com/image.jpg) -77px;
}
;0)
Hi,
1.) Create a page, look for Advance Layout Editor. Under Content element, select and insert Portfolio Grid. Save the page. Voila! You have your Portfolio page. All you have to is to create Portfolio Items.
2.) You can insert an Image element then set the link manually. Insert a video link. When you click the image it will open up a video lightbox.
3.) Do instruction number 1, this time edit Portfolio Grid element then select Which categories should be used for the portfolio?
You can watch tutorial videos here https://vimeo.com/channels/aviathemes.
Regards,
Ismael
Hi,
You are correct. If you measure 2 column portfolio without sidebar, the thumbnail size is 514x415px. So you need to make up your mind. If you are going to use the 3 column portfolio you can change this line on functions.php
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
Replace it with
$avia_config['imgSize']['portfolio'] = array('width'=>342 'height'=>276 ); // images for portfolio entries (2,3 column)
If you like to be specific with the 2 column portfolio view without sidebars, use this instead
$avia_config['imgSize']['portfolio'] = array('width'=>514, 'height'=>415 ); // images for portfolio entries (2,3 column)
The exact thumbnail size for 4 column portfolio inside the container is 257×183. You can modify this line
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
Regenerate the thumbnails using this http://wordpress.org/plugins/regenerate-thumbnails/.
Cheers,
Ismael
Hi,
I can’t reproduce the number 2 issue on my end. You got a sharp eye, it takes me minutes to see the difference, might as well be the case for other visitors who will visit the site. In my honest opinion it is not really a big deal. A link to your website will help.
Regards,
Ismael
Hi,
Try to add this on your custom.css or Quick CSS
.slide-image img {
height: 100%9
max-height: 228px9;
}
Cheers,
Ismael
Yep – same problem – custom header images do not show…appears in css though just not on the frontend….
Hi, I’m building a page with three columns. In each column, I’m putting an image widget with a text widget below it. I’m selecting “center” image in the image widget, but in the two vertical center columns, the images go flush left.
Here’s a link to the page:
http://desertspringspublishing.com/self-publishing/
Please let me know how to center the images.
Thanks!
Hi,
You write that there is no space between product and category images.. However looking at this snapshot ( http://www.clipular.com/c?6577099=rfg4GyU7fSu3b11BtQ6uPcCNjrk&f=.png ) , i see a paragraph of text sepaprating the big image from the product images. Please specify what you would like to see as an end result, (extra space somewhere or an image moved and whether to add this padding before or after the paragraph of text?)
Thanks,
Nick
On the Portfolio grid, the size of the images seems to default to a horizontal shape. I have some vertical images I’d like to display on the Portfolio. Is there a way to change the height of the Portfolio image grid?
Hi,
Here are the media queries for the various device sizes. Please add it to your /css/custom.css file
@media only screen and (min-width: 768px) and (max-width: 989px) {
.main_color h3 {
font-size: 150%;
}}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.main_color h3 {
font-size: 150%;
}}
@media only screen and (max-width: 479px) {
.main_color h3 {
font-size: 80%;
font-weight:bold
}}
Please use classes when you add html tags so this way they can be targeted by css. Invent the class names . So don’t add <div style=””> or <div> or <h3> .. Instead add <div style=”” class=”mydiv-1″> or <h3 class=”my-h3-class”> .. This way you can use css to target that specific tag. You need to do that on bottom of that page with read more , since you have same font problem there as well. Try to use ”em” when you define font sizes and not pixels font-size: 1.1em; and not font-size:14px;
Thanks,
Nick
I too have the same issue (s)
Hello – this may be just a general wordpress question but i have an issue with my blog posts.
I want my blog posts to look exactly like the page in the demo:
http://kriesi.at/themes/enfold/2012/12/12/lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit-aenean-commodo-ligula-eget-dolor-aenean-massa/
but when i publish a standard post i get a layout like this one:
http://i.imgur.com/GbdurOM.jpg
http://jessebarto.com/test-post/
i dont get the long preview picture and i get a strange grey box with a tag or a camera icon. i would like to get rid of that icon and have the blog post wider like the demo post.
also, do i need to add a picture to the “featured image” for the picture to display on the blog page?
im using the single author big preview layout.
I inserted a gallery post in a portfolio but I can not add the correct images. I select the image but appear more images in portfolio.
Can you help me?
1. center the logo (is the logo class “.logo, .logo a “) ?
1.b change location and change image for phone and tablet media queries – I want to use a small version of the logo for small screens, also need to adjust placement, the large logo doesnt fit well with the menu button in tablet/phone
2. alter background (want to add gradient) – what is the header background class (isolated)
I just tested the accordion with activated sorting function to create a glossary. I added 4 toggles, each with only one Tag (A, B, C, D). But in the frontend the sorting is messed up. Instead of All / A / B / C / D with All default, it shows A / All / B / C / D with A default, see the following picture: http://imghost4you.com/images/accordion.jpg
Hi Devin,
You can have a look here http://goo.gl/lXbK2
The 2 articles are on the lower left side.
Thanks,
Thomas
Hi Nick,
Please have a look here http://goo.gl/Hm4rH
The vertical space between the category image and the products image is to tight… can we increase it?
Thanks,
Thomas
Is there a specific image size for the header to work properly ? or should I just change it in quick css ?
And also for the footer area there’s a widget for Popular Recent Tags.
And there are empty boxes or blank thumbnails to the left. How do I add images ? In the individual posts or is there something that I’m missing?
Hi,
you can try to use a media query to resize the image on mobile devices – eg use:
@media only screen and (max-width: 768px) {
.responsive .logo img {
width: 50%;
}
}
To reduce the image width to 50% of the original width on devices with a (maximum) screen resolution of 768px.
Hi!
I tagged this thread for Kriesi because I’m not sure. Probably he purchased it here: http://istockphoto.com/ or here http://photodune.net/
Best regards,
Peter
So setting up a portfolio now and trying to understand the image sizes.
I figured I go for the 2-3 column size (495x400px) and let the theme crop and use its 260x185px images if I want to change to 4 column layout. Now the problem is that the images get all blurry.
Am I not understanding the image sizes?
If I measure the demo content 3 column portfolio it is not 495×400, more like 340x278px.
Im used to uploading one big image and let the theme make versions for other layouts, widgets etc.
Nevermind problem 1. Migration problem which is solved (images still referred to localhost) Doh! :)
Problem 2 is a hard one though. Can’t find the issue at all.
In Enfold, i can add a contact form and also specify the text included in the automatic email sent to the visitor.
The “Thank you” email the visitor automatically gets has extra line break so text does not look like i entered it + saved.
Also I wonder if i can edit email template used so that i include logo or other image and if yes, where can i find this file?
Finlly I wonder if you know of any plug-in might that might be good to improved email functionality and look?
Here: http://suiciderescue.se/wordpress/pages/kontakta-suicide-rescue/ my reply was suppose to be:
Hej och tack för du kontaktat Suicide Rescue!
Vi kommer att återkoppla till dig inom kort med anledning av ditt meddelande.
I brådskande ärenden är du välkommen att slå oss en signal på telefon: 073-692 70 10
Med vänliga hälsningar,
Johan Sjöholm, Inititativtagare Suicide Rescue
—
But it looks like:
Hej och tack för du kontaktat Suicide Rescue!
Vi kommer att återkoppla till dig inom kort med anledning av ditt meddelande.
I brådskande ärenden är du välkommen att slå oss en signal på telefon: 073-692 70 10
Med vänliga hälsningar,
Johan Sjöholm, Inititativtagare Suicide Rescue
—
Hi,
1. I tested my site on ipad and I make use of the custom repeated background images uploaded through the styling editor.
This works fine on desktop, but testing it on iOS (with chrome and safari browser) I see no backgrounds. Background is white, none of the backgrounds uploaded through the editor are visible on ipad. This happens with all of them (header, socket, main content,…)
2. A weird issue with the menu, visible in safari and chrome (on both desktop and tablet): When a menu item has a submenu, the menu item right to it appears to be thinner. It’s visually pretty disturbing. See screenshot here:
normal state (thin news) : http://s24.postimg.org/ypaqbvtjp/Screen_Shot_2013_05_23_at_09_54_01.png
hover state (ok news): http://s7.postimg.org/l3s4sheff/Screen_Shot_2013_05_23_at_10_02_23.png
You see that “news” is thinner. If I remove the submenu from “activities” news appears normal again. When having the submenu and I hover activities “news” appears normal as well. When I hover away it becomes thin.
It ain’t the shadows or any custom css, I removed all custom css to find the bug and I still had this.
Thanks in advance for any feedback.
I tried this, but for some reason it only works when I do remove the /9. Of course, as you said, this also makes newer browsers use the image.
Could it be that IE8 doesn’t understand the /9?
Thanks, this did the trick.
Nick hi,
Thanks for the answer, take a look at this page on the bottom,
there are 2 background images with text positioned over them … when the window size changes it does not look good.
if you have an idea how to solve this i will be more than happy to hear you.
this is the page url (i have this problem in more than one place):
http://www.glassesoff.com/the-science/
thanks