I figured out the float solution. It doesn’t work the way I was hoping it would. I’ve brainstormed another solution and I’m not sure if this should be a new topic or not.

I’ve made the background a solid colour and I’ve created a background ‘panel’ image that is a transparent png to go behind the logo. I’ve added the panel to the background of the logo using the following CSS:

.logo a {
    overflow: visible;
     display: block;
    height: 100%;
    float: left;
    left: 0;
    z-index: 1;
    background: url(https://hotspotcreative.ca/testsites/apexsolar/site/wp-content/uploads/2018/03/apex-logo-bg-panel-01.png);
    background-repeat: no-repeat;
    width: 464px;
    background-position: -120px 0px;
}

I have the panel shifted to the left so that I get a nice clean white edge on smaller screens but on larger screens it should show the whole panel.

The problem I’m having is that the entire panel is not showing because of the container. I’ve tried setting the overflow to visible but it doesn’t seem to have any effect. Does anyone have a suggestion on how I get the whole image to show?

Anybody have any suggestions??

Ok. Try this link. Hopefully this works.

• This reply was modified 6 years, 8 months ago by hotspot01. Reason: link

Sorry Yigit. I forgot to mention that i enabled the redirect after i got frustrated and couldnt figure out the Ajax. if you enable the ajax and disable the redirect you should see what i am talking about with the add to cart function.

I got it figured out.

.main_color .toggler.activeTitle {
font-weight: bold;
color: #f16423;
}

I’m not too familiar with CSS levels but the ribbon is going on top of the home image (portfolio item) that has the category ‘Move-in Ready (immediate)’ .

Here is a mockup https://ibb.co/b1bUJw

Thanks guys. That worked great. The correct portfolio entries are showing now and it seems to be working with only a few glitches. I think we’re almost there. Thanks for all the help.

Thank you. The shortcode worked for displaying the gallery but I’m still having trouble getting it to display the right posts. How do i choose what type of posts it will display? (ex: Category or taxonomy)

Your second option actually looks like a really good option as well as there is less chance of it breaking if I can just add the class straight to the element. I’ve tried giving it a custom id of test and a class of facet-template but when i inspect it doesn’t look like anything changes? The section is still showing as av-masonry-1 and no class has been added. Am I missing something?

• This reply was modified 7 years, 4 months ago by hotspot01. Reason: spelling

http://bnicapitalconnections.ca/

The area in question is where it says featured speaker. I’d like the image to be on the left of the post information and excerpt.

• This reply was modified 8 years ago by hotspot01. Reason: link

sure.

The page shows up fine on desktop but on mobile the post don’t show up until you scroll down.

Still having the same problem after the update :(

I tried deactivating the overlay. It didn’t work.