This reply has been marked as private.
Hey!
We need to see the actual website. How did you add the 3 column image? Can you please elaborate the steps that you did? You add the style inside this media query:
@media only screen and (min-width: 768px) and (max-width: 989px) {
/* Add your Styles here */
}`
Best regards,
Ismael
Take a look at this page:
http://www.bluesquidmedia.com/free-inbound-marketing-resources/
Any idea why the thumbnails are cutting off? If you sort them, they’ll go back to normal.
Hi!
Please add following code as well
.avia-caption-content { float: right; }
With previous code and this code, this is how it should look http://i.imgur.com/ix5noev.jpg
Regards,
Yigit
The columns on my homepage aren’t showing properly in Firefox. I used the 3 column feature in the Advanced Editor and the images I’m using in those columns are misplaced when viewed in Firefox. Please have a look: http://www.floridahomeloanguru.com.
This reply has been marked as private.
Hello,
http://www.coronatolive.com
When I run firefox initially having cleared the cache before the logo image leaves very little and from there ok.
In safari and chrome sometimes appears and sometimes not.
In explorer always work well.
What’s the problem?
I have the following quick changes in the css:
.logo { top: 10px; padding: 10px; position:relative; height: 200px; line-height: 200px; }
#header_main { background-color: #600319; border-width: 0px;}
#header_meta {
border-top: medium none;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) inset;
min-height: 30px;
z-index: 400;
}
without these changes work properly, what happens is that the logo I want to have bigger and that part of the header and subheader (where the breadcrumb) have a background color.
Thanks!!!
Xavier.
Hi,
Try adding this code too:
.image-overlay.overlay-type-extern {
display: none !important;
}
Regards,
Josue
I would like to know how to make the custom background dynamic fixed :-) Let me explain.
I’m creating a homepage with a fixed background where the middle of the background is transparent. The image is “cut in half” and you can only see what meant to be seen, however when you zoom in or out it’s fixed as it should be but I want the “two” images to stick to either side of the boxed layout not seeing some grey content behind the box.
Is that possible at all?
I’m making a private comment with the URL to the homepage.
Thanks in advance :-)
Valdimarsson
Support sent me css code to remove the “from and dollar amount” on the product category page. Don’t know if it affected it but text is not centered now.
http://imgur.com/JB7Zz14 Also, it it possible to remove the “select options” below the images?
This reply has been marked as private.
Hi!
Please post the link to your website and point out which captions you would like to align differently
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.main_color .avia-content-slider .slide-image { background: transparent; }
Best regards,
Yigit
Hi Charmmarketing!
Can you post the link to your website? Have you tried on another computer on Win 8?
Best regards,
Yigit
Thank you, Yigit.
My bad, I didn’t ask a clear question. I didn’t mean to change the alignment of all caption title/text. I’d still want to keep the default alignment but there are couple of caption title/text that I want them aligned to the right because of the images I use.
cheers,
Hi, could some one help on my issues? Appreciate it.
Yes I tried that, but all it does it place a static image on the page. Please advise on what I am going wrong. Here is the page: http://mysytl.me/new-home/
There is a section that says “PARALLAX WINDOW HERE…” overlaying in image of a city. That is where I have used Color Section, but there is no parallax.
Thanks!
The documentation is *on* the layerslider section of your WordPress install. Click on Help in the top right hand corner next to Screen Options.
There is something wrong with the image of the women. Not sure if its the image encoding or the file or what but if you include it any slide that slide will not load.
It could be the same issue with the others but in any instance if I remove the photo the slideshow works. With it, it fails. So you may be able to just re-save it as a png or gif and fix the issue.
OK I think I might be very close… in two column layout images are aligned
So my final (I hope) question is: How can I force a 3 column layout to become 2 columns using @media for screens min768 max989 pixels?
thx
Hi!
You could probably do it using rgba colors for the background of a text element. You would put your image in the color section and then add your elements in there. Then add a custom class name to the elements and give that class a background color using rgba and the transparency on the color.
Add this to your functions.php to get the custom class field on all elements: add_theme_support('avia_template_builder_custom_css');
Regards,
Devin
Hello
Love the theme. My developers have uploaded to their development server and can view the images in the homepage slider.
I am using Windows 8 and the images are not visible to me – just the arrows. I have tried, IE10 and latest versions of Chrome and Firefox to view the site, thus the reason I think it has to do with Windows 8.
Thanks for your help.
We were given permission to pull the video from another website so I can’t track down the background image source.
Can I enter my own background image? What code should I use to do so?
This reply has been marked as private.
Hi bluegrassdigital!
Why can’t you use the Advance Layout Builder? You can add a unique css selector to each Color Section if you want to style it differently or add an alternating background color or image. Can you please give us a mock up of what you’re trying to achieve? A link to your site will help.
Cheers!
Ismael
OK so I had some success..
In the avia builder I select a transparent png image then I assign a custom class
In my Css I use background image and indeed it works, so I have one image for normal state and one for hover.
BUT…. there is a scaling problem especially when screen goes inbetween 768-989 pixels:
The images are not centered or scaled correctly
I attach a screenshot where the first 2 rows have my images and the last is a normal image from avia builder.
http://imgur.com/delete/LRnEpEUUutYe0wR
Any suggsestions woul be very welcome..
Hey placewrightdesign!
The background image source doesn’t exist. Are you sure this is the correct image url?
http://www.alarm.com/videos/Energy_FINAL_040313.jpg
Best regards,
Ismael
This reply has been marked as private.
Hello!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.home div .flex_column { width: 109.7%; margin-left: -50px!important; }
If you would like to remove the padding on top, add following code as well
.home .content, .sidebar { padding-top: 0px; }
Regards,
Yigit