Yes, but colored sections allow you to change the colors of those sections….

If I just use elements without breaking them up into colored sections, won’t I be limited settings wise?

Hi, when you remove it, the image gets cut in half, like it looks now. Thats why I put the CSS code in there in the first place. It worked perfectly until I upgraded the site to the newest version of WordPress.

As for the shop page, I’m not sure exactly what I was using for the categories. Either the native compatibility, or the WooCommerce Products Filter v.1.2.3 plugin. I’m not 1000% sure, but I used to have a category selector on the right sidebar… and it’s now gone. I’m not entirely sure why.

Should I just restore an old backup of the site and re-upgrade again?

I’m going to give it a try.

Another issue that I’m having. I want to put the menu items in a section below the logo section, like in the Construction Demo. Not sure how to set it up in the setting though. Can you please tell me?

Cheers,
-Daniel

P.S. Nevermind, figured it out

• This reply was modified 4 years, 11 months ago by Dzimnikov.

Not exactly like this, but something to this effect… where the heart of the website is news stories: https://www.tmz.com/

Coolio. I saw the instructions and don’t feel comfortable editing those types of files. Afraid I might erase something that doesn’t need to be erased. Is it ok if I asked you to make the change? Login details are in the private content area.

I think there has been an Enfold update after the version I’m currently running, but I’ll just do a full update after the newest version is released later this month.

Thank you so much for being awesome. I have three new site clients and they are all going to be using Enfold :)

Cheers,
-Daniel

Oh wow… how did I not realize that. I’m sorry, I’m dumb!

Thank you so much, appreciate your help as always.

On a side note, what is the identifier if I want to change the a fullscreen slider Image on mobile: https://igb.jointdiplomacy.com/

I want to use a vertical base image instead of horizontal. If I’m using a colored section, the code is pretty straight forward. It’s probably different for sliders because it takes into account that there are multiple slides. Is there a way to do this with CSS?

Thanks,
-Daniel

Please see private area for login details. The image that I want to use is: https://igb.jointdiplomacy.com/wp-content/uploads/2019/11/footerBackgroundNew-1-1024×557.png

I have another issue I need urgent help with. Seems like a small issue, but I just can’t figure it out for some reason and its driving me a little crazy lol. As you can see on their original site: http://internationalgrandball.com/about-igb/ they have the image of the two people covering the entire section, they have the orange background in the next section covering the entire section and the red color covering the entire area in the social media section.

For some reason, I can’t get the template to do it for me. Here is what I keep ending up with, I compromised a bit with the picture (though I’d like to cover the entire area ideally)… but it looks especially bad in the orange section: https://igb.jointdiplomacy.com/?page_id=18

I know its a separate request and I should start a new thread, but I’m operating on a tight deadline and need to get these things done asap.

I apologize for the urgency, but life is what it is lol.

Cheers,
-Daniel

I think I mis-spoke.

I’m talking about the footer (the area with the 4 columns and widgets) … not the socket. Apologies for the mix-up.

I’m looking to add that background of the golden gate bridge to the area… as well as make the margins line-up with the content on the rest of the page. Is there a setting within Enfold that allows me to do that… or do I have to make these edits via CSS code?

Thanks,
-Daniel

Hey, if it works, it works. Fingers crossed its only my device. Thank you as always for your help!

I have a random side question. I’ve been asked to make an edit on a squarespace site, basically replace a banner image for mobile devices, which you showed me how to do ages ago and I’ve done it a million times on wordpress. Problem is, squarespace doesn’t have a media section for me to upload the mobile specific image, and thus I’m not sure how to reference it with a URL tag. Can I just upload it to google drive and use that link? Is there another site I can use to host the image and reference it and it will work?

I know you guys don’t do squarespace, and I already yelled at everyone involved for using squarespace in the first place lolol, but this is almost a theoretical question. Like when I use the following code:

div#blogtop.avia-section {
  background-image: url(https://greenmtnbowtag.com/wp-content/uploads/2019/08/scrum1.png) !important;
  background-position: top center !important;
}

does the URL have to be an internal link?

I’ve reached out to Squarespace support, but they’re absolutely useless lol, so I’m reaching out to yall, the real experts. In the meantime, I’ll mess around and see if I can fenagle something.

Thats why I move all my projects to Enfold, I genuinely love you guys!

Cheers,
-Daniel

Gotcha, makes sense.

Quick question, the menu was editted to be white for the homepage (since its transparent), but since the background for the menu is white on all the other pages, you can’t see the menu on those pages.

Is there a way to edit CSS code for individual pages that won’t affect the entire site?

Sorry for all the questions. Once I get this down, I’ll be using this info for future sites as well :)

———

Also have another issue on this page on mobile: https://flashdance.jointdiplomacy.com/?page_id=21

I have a colored section at the top of the page that has a background image of two dancers. I positioned it to be top center which works on desktop. On mobile, the top of the image is cut off. Seems like “top center” starts at the very top of the page and the menu itself is covering it – as if the menu is overlayed on top of the image, rather than being above it.

Now that I think about it, the above will also resolve itself if I can just use the CSS from this thread on just the homepage only.

Thanks,
-Daniel

• This reply was modified 5 years, 2 months ago by Dzimnikov.

Any luck here? I know its a weird issue, maybe it has something to do with the settings of the slider itself? I’m not sure, websites are weird sometimes lol

That worked perfectly. Thank you!

Thank you for recommending the app, worked perfectly! Here is a video of the pop.: https://we.tl/t-JILLfB6jqO

How soon is the update coming? I’d rather not mess around with that part of the site (I’m still new to it).

Thanks,
-Daniel

I figured it out, had to do with selecting the builder on the page.

On mobile, the small bar above the menu has a white background. Is there a way to change the color of it on mobile? (The text is white, so you can’t see it).
Also, on mobile, as you scroll down the main page, the fullscreen slider image pops out a little bit. Is there a way to change that, im not sure why that is happening.

On a side note, developer doesn’t seem to be working for text boxes: https://imgur.com/a/coDdZjH
Is there a upgraded version of Enfold one can purchase with extra elements (like a pro version)?

Thank you for all the continued help!!! :)
-Daniel

Hi, this is super useful. Thank you so much! I made these changes to desktop only, so it still looks right on mobile! Rock on!

Is there any way I can remove the white background on mobile as well? Currently it looks like this: https://imgur.com/a/vAG9SK2

Is it as simple as making the background color opacity 0 or something to that degree?

Cheers,
-Daniel

Thanks so much. That CSS code was exactly what I was looking for. Worked perfectly. Yall are the best.

Several questions. How do I make the logo drop lower and align with the burger menu? Also, is there a way to move the burger menu farther to the right of the screen. Maybe change it from 80% width to 90% or something like that.

On a side note, does the newest version of Enfold not have the Advanced CSS editor? I hope not, it was suuuuper useful!!!

Cheer everyone!
-Daniel