-
Search Results
-
Hi Ismael, the problem is the difference between the Left value on the user browser and value in the LayerSlide (WP). See the images below:
That image is that you sent me, and the respective value of the Left property:
http://i.imgur.com/gMQZGq7.pngAnd that is the original Left property setted on the WP:
http://i.imgur.com/yvJnPAx.pngIn the case of your browser, the img is indicated with a diference of +104.5px, in my case was +70px, but the real value must be 0px.
Thanks for you respond. Expecting your return. :D
Topic: Slider background full width
Hello!
I want to use the same image as the same background for all of the slides in my LayerSlider. The problem is, when I tell the WP to do so, it makes the image smaller and repeats it 3 times. If I manually add it as the background to each slide, however, it’s full width.
How can I set the image to be full width as the background of all of the slides?
Hope that makes sense.Here’s what I mean:
http://naturaintegrativehealth.com/
The last slide (Labeled “Test Slide”) is what it looks like when I set the image as the set background under “global settings”Topic: Image in Header
Hi,
Is this possible? I want to decrease the amount of white space to the right of the header by adding an image.
Thanks.
Marshall
In reply to: autocrop gallery or images
In reply to: Disable image hover effect and add border instead
In reply to: Disable image hover effect and add border instead
sorry,…. also im not a fan of the image resizing once hovered over. it shrinks just a hair smaller when hovered.
In reply to: Disable image hover effect and add border instead
In reply to: Disable image hover effect and add border instead
NM i added it to the top but there are some options that are showing up that i have hid before. Is there a correct order in which i should apply my quick css codes so they all work properly?
In reply to: Disable image hover effect and add border instead
In reply to: Disable image hover effect and add border instead
Hey nvltygoods!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.image-overlay { display: none!important; } .avia_image.avia-align-center:hover { border: white solid 1px; }Regards,
YigitIn reply to: Homepage Slider – Image Issue
I feel like i’m asking a bunch of questions haha i’ve looked throught the forum and tried some codes but none seem to work for me. Is there a quick css code for disabling the hover gradient and arrow on linked images? example: http://www.nvltygoods.com/shop/ Id like to disable both and instead add a thin white border when hovered over. Any help would be great!
In reply to: Homepage Slider – Image Issue
Hi!
Please add following code to Quick CSS as well
#footer input[type="submit"] { padding: 5px 10px; font-size: 12px; }Regards,
YigitIn reply to: Homepage Slider – Image Issue
In reply to: Ajax Portfolio – full width individual image
Hi jaroljmek!
Do you want to remove the text on the right then adjust the portfolio featured image full width?
Regards,
IsmaelIn reply to: Background with white page floating above?
Hi!
You can create a Layer Slider with different backgrounds transition. Create a page then insert the Layer Slider element. Below, add a Color Section for the content. Add a unique section id for the color section on “For Developers: Section ID” option, example “awesome-section”. Add this on your custom.css or Quick CSS to move the Color Section on top of the Layer Slider with different background images.
#awesome-section { position: relative; top: -300px; z-index: 20; background: transparent; border-top: none; }Regards,
IsmaelIn reply to: Background with white page floating above?
Here is a sample of the design.
http://i.imgur.com/jBeIuaP.jpg
As you can see I want the background image to fit the width of the page, and to appear behind the main navigation and 6 content modules.
My ultimate aim is for the background image to be a slideshow.
Any help you can provide in achieving this would be amazing.Thanks,
GIn reply to: autocrop gallery or images
Hi!
You can change the thumbnail size on Settings > Media > Thumbnail size to 200x200px. Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Ismaelfor some reason only two of my 3 categories are showing.
I’ve gone to the portfolio page and made sure ive chosen all 3, and only 2 show up. if I choose the one that doesn’t show up, the category and its respective images show, if i choose all three “Acustica” does not show up.In reply to: Image questions
In reply to: Slideshow deactivate?
Hey!
Each of those images has different Alt text which is set on that specific instance of the image when you put it into the slider.
If you open the content slider and then hover over the image to get the image icon and then click on it to open the WordPress dialog you will see the images meta data edit area.
That is where you need to change the text for the image.
Also note that we do not support any issues that come from adding the Advanced Layout Builder to posts as it is not designed to run or work with posts. There shouldn’t be, but its something to keep in mind.
Cheers!
DevinIn reply to: Masonry demo blog preview
Hey Seba1973!
As long as each of your posts has a Featured Image set on it then that image will show in the Masonry preview. So just make sure that each of them has a featured image.
Cheers!
DevinIn reply to: autocrop gallery or images
I was thinking about that! Thanks, but what I’ve been able to get by with in this case is using the 180×180 square option for the thumbnail sizes — http://cbdmh.info/training/summer-fieldwork-2013/ (about to take this site live, at which point the url will switch to http://cbdmh.org/training/summer-fieldwork-2013/). These are scaled up a bit, at the full width. It’d be great if the 300×300 thumb option worked the same way — that’d probably handle almost any need like this, it seems.
Thanks again!
Hi there
New to the theme. Looks fab.
When using the Ajax Portfolio, and clicking on a thumbnail, is it possible to have the individual portfolio image appear full width of the page? As far as I can work out, images appear 2/3 of the page only with text on the right.
It would be great to display a full width image of the Portfolio Item as the grid drops down.
Hope that’s an easy fix. Many thanks!
In reply to: Homepage Slider – Image Issue
Hi!
You can use a [shortcode], create a contact form using the Magic Wand (no ALB) in a Test Page, then copy the generated shortcode and use it in the desired Widget area.
Cheers!
JosueIf you check the site http://purerideusa.com/contact/ on your iPhone, you have to go to one of the shorter pages such as “Authorized Dealers” or “Contact” to see what I’m talking about. In both of these pages, the content is short enough to where the footer/socket ends and you can see the bg image below it. On both of these pages, the image isn’t long enough to cover the screen at 1192px. Even with the background-size:cover css3 attribute applied by default, this attribute doesn’t stretch the image to full height so we all need to be aware of this when considering the correct size/dimensions of a custom bg image in a boxed layout.
Devin, you’re correct that I have it set to no repeat and I changed it just to see what it looks like. Being that my image isn’t one to match up with any sort of repeat, I could clearly see where one image stops and the other starts. Setting it to repeat does cover the black at the bottom of the screen, but it doesn’t look good so I don’t want to go that route. I’ll leave it set to “no repeat” for now so that you guys can see what I mean with the black space at the bottom.
I’m under the impression that if my image was 1920×1300 or 1400 instead of 1920×1192, my image would cover the bottom portion and I’d be good to go. However, I just went back and realized that the iPhone 5S’s resolution is only 640×1136?? My 1920×1192 bg should cover the screen regardless bc my image is larger both horizontally and vertically?! Now I’m really stumped.
The background-size:cover css3 attribute is applied and my image is larger vertically than 1136px and I’m still having a bg issue? I really don’t think this is an issue with the theme, I think there’s a general rule of thumb everyone should be using when designing a full screen custom bg image that works on every device.
If we can figure this out, you guys could maybe write a blog post about it using all the info in this thread and be the site to provide this answer for the world once and for all. I’m just sayin’ :)
Thank you all for your help!
Cheers!
In reply to: Few Css modifications. Please help
Hey!
1) It is possible but you are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
2) Answered your question in this topic https://kriesi.at/support/topic/background-with-white-page-floating-above/#post-197797
3) Can you post the link to your website and point out the elements that you would like to decrease the whitespace?
4) Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired.header_color .main_menu ul:first-child > li > a { color: red; font-weight: normal; } .header_color .main_menu ul:first-child > li.active-parent-item > a { font-weight: 600; } #top .main_menu .menu li ul a { padding: 4px 15px; }5)
.header_color .sub_menu>ul>li>a { color: red; font-weight: normal; }6)
.avia-slideshow-dots a.active, .avia-slideshow-dots a { background: red; } .avia-slideshow-dots a { background: purple; }7) Yes you can. You should go to wp-content\themes\enfold\js\prettyPhoto\images\prettyPhoto\default folder and edit images
Cheers!
YigitIn reply to: 2 Logos on header? is that possible?
Hey!
In WordPress dashboard please go to Appearance > Editor and open Header.php file and find
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');and add this code right above it http://i.imgur.com/hRFdFwt.jpg ( sorry cant post the code here it switches to HTML. Change link to your image and add some class, in this case .bok
Then please add following code to Quick CSS in Enfold theme options under Styling tabimg .bok { float: right; }That should do it
Cheers!
YigitIn reply to: Homepage Slider – Image Issue
Hello,
I created a box shadow in the LayerSlider for under a You tube video. It works -except- that it appears that ‘something’ is on top of it when it plays. The images in the vidoe are more grey.
It’s on a local host site, so I am not able to send a link to show you.
Here is the code I placed in the Custom style section of the slide:
box-shadow: 15px 4px 110px -5px black; black; text-shadow: none; opacity: .75; width:585px; height:380px;And I tried this in the child theme options, after reading it in one of the topics.
#after_layer_slider_1 {
background: url(http://new-wordpress/wp-content/uploads/2013/12/shadow3.png);
background-repeat: no-repeat; background-size: contain;
top: -1px;
}
For this one, I ended up with the shadow on all pages, below the slider.I appreciate your help! I think I am almost ‘there’.
Thanks -Lynn
Viewing 30 results - 99,271 through 99,300 (of 106,459 total)
