blueflamman

No worries. Thanks for you help.

Thanks, I’ll give it go. Again sorry for my ignorance but where can I add it? I just added the previous class under the advanced settings of the module in Beaver Builder, so I’m not sure where to add it.

Thanks again Kunstwerck, I tried your above but it had wrong effect.

To be honest, I have already achieved the desired result in terms of selecting my content and applying the effect, this is not my issue. My issue is that when it is applied to my columns it pushes the margin out past the 25% of each column. Thus moving the 4th column underneath.

I need help to –
1. Reduce the columns so they fit in a row again while not affecting the mobile single column alignment and resizing.

2. Make each column centred (not pushed left)

Again, links to the pages are in above posts.

• This reply was modified 7 years, 10 months ago by blueflamman.

Thanks so much for your reply and please excuse my ignorance as I’m still trying to get my head around this coding. But how would this differ from what I have already done and how would you suggest I apply it using the CSS I have placed above?

Again thanks and sorry for my ignorance.

Yes I have installed Woocommerce on my site.

I’m pretty sure its working on this page (which is a woocommerce shop page).
https://www.in2drums.com/wordpress/product/linear-chop-builders-3-note-patterns-3

I would like it to have the AJAX effect attached to the “ADD TO CART” buttons on a page like this.
https://www.in2drums.com/wordpress/lessons

Thanks for your reply. Not sure if I was clear in my description of my question. I see that this works on my “Woocommerce SHOP page”, which is great. However what I am asking is “How can I get the same AJAX effect to work on a NONE WOOCOMMERCE page?” I have made my own sales pages that I would like to use on my home page and on other pages (Please see examples) –
https://www.in2drums.com/wordpress/
https://www.in2drums.com/wordpress/lessons

I am trying to get the AJEX effect on these pages. How can I transfer the same button effect to my current buttons?

My site is https://www.in2drums.com/wordpress/

Worked like a charm!

Thank you SOOO much!

Thanks again for the reply MasterJuan,

I managed to get my original .css to work by re-uploading the images. I understand what you mean about the image sizing however I needed the images to display in this manner as they would loose a substantial amount of quality at the x 100px sizing.

Thanks again for your time.

Just restored the Child theme and I’m back to square 1.

Again, here is an e.g. of the css that works on http but not https.

.fl-photo-img.wp-image-881.size-full {
display: inline;
height: 100px !important;
max-width: 100%;
width: auto !important;

My question is, why/ what would change from http to https to make this css stop working?????

Hi and thanks for the reply.

Yes I am using “Really Simple SLL” Pro and it is working very well.
I tried adding your provided code and it has changed “ALL” of my img containers which is not what I was after. I only wanted to isolate the 3x images at at the bottom of the screen “DW” ZILDJIAN” “REMO”. Using the CSS from my first post that I (for image 1) I could apply this to each image and they would all show inline, same height and would respond to my device screen size.

Just as a side note, For sum reason when I deleted your code my images remained at 33%…. which is not good. So I am going to have to replace my Child theme and hopefully this will bring it back.

https://dl.dropboxusercontent.com/u/82016514/Displaying%20correctly%20-%20HTTP%20Version.png

https://dl.dropboxusercontent.com/u/82016514/Displaying%20incorrectly%20HTTPS%20Version.png

Thank you so much! Not sure what changed, but I have had this plug in for over a year and it was displaying fine until recently.

I am using the Tesseract Theme which has the option to display these buttons in the right side header. I have just place the links inside the buttons, but like I said I really like the look and feel. While I am glad that I have the option to do this easily with the plugin and links, I would prefer to show/ hide my buttons when users log in or out.

I’ll apologise in advance if I’m missing something here but I’m very new to web design.

If I’m understanding correctly, this will just add links to the area of the page that I am talking about. This is great! But the only part I’m not understanding is how those “Links” will interact with my current buttons?

As I said, I already have buttons to “login” and “Sign up” and am happy with the look and feel. All I want is for those same buttons to change (or hide to show other hidden buttons) “my account” & “logout” once the user logs in.

Can’t I do this with this plug in and If so, how?

If not could anybody help me with hiding/ showing the said button upon login/logout???