Hi,
Can you post the link to the Page in question please?
Regards,
Josue
There are plugins available that will let you set the open graph picture manually per page or you can try a function like this one: http://wpsnipp.com/index.php/functions-php/facebook-open-graph-snippet-to-set-default-image/
Otherwise you would need to set the og tags in the header directly. Typically a plugin is your best route and I think WordPress SEO does that now though I can’t say for sure.
hey,
2) of course you were right, so this works fine now. one last minor problem: in the porfolio grid the title of the portfolio-entry is displayed centered below the image. that works fine in the german version, however, in the translations the alignment somehow changes to alig: left.
1) that is very weir: as you said, the http://berlinguitartrio.de/?product=berlinguitartrio-au-coeur-de-loreille is displayed perfectly. in the permalink setttings i chose the default permalinks for products, so actually this exact link should be applied to the product on the shop page. unfortunately that is not the case, no matter how i change the permalinks (i also saved the shop page after that), the link assigned to the product always stays: http://berlinguitartrio.de/product/berlinguitartrio-au-coeur-de-loreille/
that can’t be a fault of my hoster, right?
best regards
philipp
Hi,
I do have some slight problems with the related post feature, and wondering if there is a quick solution to them:
1) The images are pretty small – is there a way to show a larger picture?
2) The pictures are all showing up in different sizes – a way to ge them all in the same size?
2) Where can i change the “Das könnte Sie auch interessieren” to a custom bit?
Hi Isabelle!
Facebook looks to have grabbed a snapshot of your site from when your site had an under construction image or something like that up. Typically you can try forcing facebook to refresh it by adding your site url here https://developers.facebook.com/tools/debug/
Cheers!
Devin
I am struggling to decrease the size of the home page full width slider. Do I need to amend functions.php or is there a simpler way I am missing. I have uploaded the less deep image and enfold has made it big again. Thanks in advance
Hi there,
Thanks for your continued help on this. So close… but neither of these snippets or putting it into Enfold Child> style.css worked. And now the Reserve Now button which had been working on the smartphone, is no longer appearing at all.
I hate to do this (because it gets so long) but I’ve pasted all my code in the style.css below. Can you see anything wrong, conflicting or have any ideas on what to do next? Thanks again, Lynn
/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/
/*Add your own styles here:*/
/* Hide layerslider on Smartphones and protrait Tablets */
@media only screen and (max-width: 768px) {
.avia-layerslider { display: none; }}
/* Place Reserve now on tablets */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.header_color .header-button a { left: -40%!important; }}
/* Add Reserve Now button to Header-added code to header.php*/
.header-button {
position: absolute;
border: none;
top: 0;
left: 255px;
right: 180px;
}
.header_color .header-button a {
display: block;
padding: 2px 5px 10px 12px;
font-size: 22px;
text-align:justify;
font-weight: bold;
float: left;
color: #f8d699;
border-radius:0px 0px 15px 15px;
}
.header-button a.header-chat { background-color: #985e06; left center no-repeat; }
.header-button a.header-chat {link: href=”http://reservation.worldweb.com/hotel/1227″ target=”_blank” }
}
/* Remove from home page only (right side)#, */
.breadcrumbs { display: none; }
.page-id-2 .entry-title { display: none; }
.sub_menu {
right: 175px !important;
}
/* Added TripAdvisor to ‘register-admin-options.php’ file, then to child functions.php Moves social icons to right of page */
#top .social_bookmarks li {
float: right !important;
}
/*Dropdown menu on top of LayerSlider*/
.container_wrap, #header_main { z-index: 1; }
/* Sizes/styles phone#, */
#top .social_bookmarks li a { font-size: 18px; }
.social_header .phone-info span {
font-size: 18px;
color: #f8d699;
font-style: italic;
padding-right: 28px;}
}
/* Change color of header social fonts*/
.header_color .social_bookmarks a { color: #f8d699; }
/*size main menu font*/
#avia-menu a {
font-size: 17px !important;
}
/* Color hover of TripAdvisor*/
#top .social_bookmarks_tripadvisor:hover a {
color:#fff;
background-color: #29A959!important;
}
/* Color main menu dropdown font*/
#top .main_menu .menu li ul a {
color: #f8d699 !important;
opacity: .7;
}
.header_color .main_menu ul:first-child > li > a { color: #f8d699; }
.slide-meta {display: none;}
.blog-categories.minor-meta {display: none;}
.text-sep.text-sep-cat {display: none;}
.header-buttons {
position: absolute;
right: 0;
border: none;
}
/* Get Reserve Now button on iPhone*/
@media only screen and (max-width: 480px) {
.header-button {
position:absolute;
top:90px;
left:30px;
right:20px;
}
}
/*Dropdown menu on top of LayerSlider*/
.container_wrap { z-index: 1;
}
/* Sidebar styling -latest portfolio widget*/
#portfoliobox-2 .news-headline {
font-size: 16px !important;
}
#portfoliobox-2 .news-excerpt {
font-size: 12px !important;
}
.image_size_widget .news-thumb {
height: 50px;
width: 50px;
}
.image_size_widget .news-thumb img {
width: 46px;
height: 46px;
}
}
add_theme_support(‘avia_template_builder_custom_css’);
Hi Simael,
but the image should be fixed and not scrolling with the site.
Cheers,
Markus
Hey DaveL77!
I’m not sure if this is possible. It seems like the color of the background is already black and I’m not sure how you can add a dark gradient to a black background. This image http://gyazo.com/32d91802aedf473733c40427ac9f1604 shows a grey background which can be used with gradients. Maybe a link to your website helps us to check the design.
Best regards,
Peter
Hey!
I suggest to try the portfolio ajax previews (you can select this option when you add a “portfolio grid” element to a page). The portfolio preview can show any type of content (slideshow, toggle, columns, etc.). Just select “Don’t show the images at all and display the preview text only” option: http://www.clipular.com/c/6453051829256192.png?k=5TIdSdjsRn87CQytVuQeUU4899A on the portfolio entry editor page and insert your shortcode(s) into the text editor field.The preview content will load when the user clicks on a portfolio entry: http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/
Cheers!
Peter
The images aren’t showing up when I have it set up as Small img. Preview. They do show up when it is on large img. preview or multi author.
http://www.jonnyfreesh.com/home-page-test-2/
Also, how can I change the size of the font of the Post titles, but just on this page? Or just for the titles of posts when they are listed in a “blog posts” content element. I don’t want to change the size of my site wide H1.
Also, I know that this is an issue with a 3rd party plugin, but as you can see the shareaholic social media sharing buttons are showing up at the bottom of every post excerpt, and I don’t want them to. It’s odd because on all the other blog post pages I have set up, it doesn’t do this.
See – http://www.jonnyfreesh.com/raw-dessert-recipes/
I’ve set them up exactly the same way and tested all the different blog options (small preview, large preview, multi-author, etc.) as well as having it within a layout shortcode (ie. 1/3,1/3,1/3) or outside a layout shortcode (full area) and it is still there. Any suggestions?
Thanks
Jonny
Hi,
Open /config-templatebuilder/avia-shortcodes/gallery.php and look for line 160:
'lightbox_size' => 'large',
Replace it by this:
'lightbox_size' =full',
Regards,
Josue
Hello,
Have you tried disabling all third-party plugins to see if it gets fixed?
Regards,
Josue
Hi flypromotion!
Why not use 5 1/5 column layout then insert an Image element on each of them with a Text Block. Specify the link of the Image element manually, point them to their respective shop or category page. Add the category title or content on the Text Blocks below the Image elements.
Regards,
Ismael
I’m using the Team Member module and would like to make the entire image clickable, not just the little icon on hover. What’s the best way to do that?
Hey!
Try adding this code to the Quick CSS:
.image-overlay-inside:before {
height: 50px !important;
width: 50px !important;
line-height: 50px !important;
margin: -25px 0 0 -25px !important;
}
Cheers!
Josue
Hi ghrahams!
You have an old version of the theme. Please download the latest version of the theme on your themeforest account then update your installation via FTP. Watch this video by Devin: https://vimeo.com/channels/aviathemes/67209750
Regards,
Ismael
Hey!
I think it is working now. Glad we could help. :)
Cheers!
Ismael
Hi!
Are you zooming the browser out when you have the 1920×900px screen resolution? The width of the background image should be 1920px too unless you zoom out the browser screen. The background image on the layer slider will always stretch across the browser screen.
Best regards,
Ismael
Hi!
You can use this to change the background color of the circle within the image overlay:
.image-overlay .image-overlay-inside:before {
background: blue !important;
}
Please post the link to the actual page with the gallery. We can’t see the video because of a missing plugin.
Cheers!
Ismael
Hey!
The screenshot is still not visible. Please use imgur or dropbox. Post the login details here as a private reply.
Cheers!
Ismael
This reply has been marked as private.
Thanks for your speedy reply..that sorts out part of the issue, thanks. I was hoping to align the background header on the far left so it balances the full width slider. Is that possible? http://test.brightminder.co.uk/
Hi there,
For the life of me I can’t figure out why some images chop the tops and bottoms off, and some images extend the slider to show you the whole photo in all it’s glory.
In this slideshow as a great example:
Photo #2 is chopped off;
Photo #3 shows the whole thing and resizes;
Photo #6 is chopped off again – bigtime.
Any insight?
Warm thanks from a wintery gallery,
Drew
Hi,
I’d like to know how to add an image / icon on the navigation menu, like a small flag that would link to an english version of my website ?
How can I do that ?
Thanks,
Julien
This is done on the actual page you are editing not editing the theme files. So go to the page from within WordPress like you would if you were going to add text/images. The on the right hand side of that page there is a meta box called Layout with options for how that page should show on the front end.
See link for screenshot. This image has a caption with a 10px horizontal border. Doesn’t look so great… on both left and right side of the image.
https://www.evernote.com/shard/s1/sh/e4bab8e5-047e-46d9-9437-b718c04667b3/a58951b44b363c5a47b0ef49693a6da9
Your image isn’t displaying because it isn’t accessible publicly: http://prolinpro.prlncms.com/wp-content/proimages/safe-60%–01.gif
We can’t fix that.
The sidebar can be customized by you however you want. That page specifically however does not use a custom sidebar and instead it uses the Blog sidebar.
I have a fixed background image that scrolls on Tablets and Phones. It works great on desktop/laptop.
Is there something I can add via media query?
An example:
http://wildmtyoga.com/waiver/
Thanks graham
This reply has been marked as private.