Forum Replies Created
-
AuthorPosts
-
Hey, hey! We got it.
Honored (as usual) to work with you, Josue. You’re the real MVP! :)
Thanks again!
-JCHey Josue,
Yeah, not what I’m going for.
However, I really appreciate that you guys don’t assume anything. That you want to specifically get it to what the client wants. I do appreciate that.So, let’s just start with the end in mind, instead of me just blindly giving you code that. at this point, seemed to have magically worked.
I want this as my desktop footer (auto size – scales to the size of the footer):
I want this as my mobile background (the globe image has half the opacity of the desktop globe image)
Again, previous thread was this: https://kriesi.at/support/topic/menu-footer-2/
I ended up with the code:
@media only screen and (max-width: 767px) { #footer .flex_column:nth-child(3), #footer .flex_column:nth-child(4) { width: 48% !important; float: left; } .footer_color { background: #222222 url(https://newinceptions.com/wp-content/images/footer/Background/Footer-Background2.png) center bottom no-repeat scroll; background-size: auto; } }
- This reply was modified 8 years, 11 months ago by JC. Reason: Was trying to bolden the background size is 'auto'
Sure.
Hi Josue,
Still no luck.
Is the answer in the old thread? Or was Enfold modified enough that the particular coding doesn’t work anymore?
January 4, 2016 at 10:51 pm in reply to: Getting Mailchimp Optin on a single line (Horizontal) #559553Awesome. That did it. :)
Thanks a bunch, Josue! You da man!
(Now we can close this thread.)
Hey Josue,
There’s still nothing showing up in the footer when I use my original code. Even when I changed what you recommended. I’ve now added this to the Quick CSS and still not having any luck.
@media only screen and (max-width: 767px) { #footer .flex_column:nth-child(3), #footer .flex_column:nth-child(4) { width: 48% !important; float: left; } .footer_color { background: #222222 url(https://newinceptions.com/wp-content/images/footer/Background/Footer-Background2.png) center bottom no-repeat scroll; background-size: contain; } }
January 4, 2016 at 8:39 pm in reply to: Getting Mailchimp Optin on a single line (Horizontal) #559456Thanks, Josue. That’s what I was looking for.
Also, just for anyone who finds this in the future (or myself for reference):
If you’re wanting to make your submit button the same size as the text boxes, here’s the post for that:
https://kriesi.at/support/topic/mailchimp-intregration-button-size-and-alignment/
However, that only works for the main section.
Josue, (or anyone else) If I’m using the “Opt-in box at the end of each Post” the code doesn’t fix the submit button there. What do I need to add to the following to make it to work?
/* av-sub-box */ .av-sub-box{ padding: 20px; background: #F4F4F4; width:100%; clear:both; float:left; margin-top: 80px; border: 1px solid #e1e1e1; margin-bottom: -40px; border-radius: 3px; }
- This reply was modified 8 years, 11 months ago by JC.
Hey Elliott!
Thanks for suggesting that.
However, I remember trying this before (and I just retried it) but it doesn’t stretch properly to fit the entire footer background. Since there’s no way to stretch it, and only just tile it, it ends up looking dumb with a repeated image.
Thoughts?
December 28, 2015 at 10:50 pm in reply to: Getting Mailchimp Optin on a single line (Horizontal) #557878Sure.
December 28, 2015 at 7:27 pm in reply to: Getting Mailchimp Optin on a single line (Horizontal) #557806Also, I wanted to add what I believe is my old Quick CSS code for this.
The result that it’s giving me is this:
Here’s that code (don’t know if it’s 100% complete):
.mc4wp-form form{margin:0!important;clear:both}
.mc4wp-form p br{display:none}
.mc4wp-form label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
.mc4wp-form p{position:relative;clear:both;float:left;width:100%}
.mc4wp-form p.hidden{position:absolute;width:0;left:0;top:0}
.mc4wp-form .form_element_half{width:49.5%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
.mc4wp-form .first_form{clear:both;margin-left:0}#top .mc4wp-form select{-webkit-appearance:none;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border-radius:2px}
.mc4wp-form .button{margin:0;padding:16px 20px;border-radius:2px;border-bottom-width:1px;border-bottom-style:solid;font-weight:400;font-size:12px;min-width:142px;outline:none}
.mc4wp-form .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
.mc4wp-form p input,.mc4wp-form p textarea,.mc4wp-form p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media only screen and (max-width: 479px) { .responsive .mc4wp-form .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
#top .mc4wp-form input[type=’text’],#top .mc4wp-form input[type=’email’],#top .mc4wp-form select,#top .mc4wp-form textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}Hi Rikard,
I did turn off the plugins again and it didn’t do anything.
However, I did overwrite the theme files and that worked. Is that a typical “if turning off plugins doesn’t work, do this” step?
Thanks for the help!
Hey Josue,
Everything is working today. I’m guessing the host was up to something last night when I tried to submit to iTunes?
Thanks!
Awesome. That’s what I was going for.
What was the problem and was it an easy fix? (Just wondering as I might have to use on new pages elsewhere.)
- This reply was modified 9 years, 3 months ago by JC.
Go for it, Andy. Let me know what you find out.
Cheers
-JC
Ok, see if you’re still having the problem. I had an extra editor plugin on. Oops.
Sure. So I just want to move it up, like so:
But this is the result I get:
Want the background for the color section, not below it. Also, I want it to scale the image behind the form to scale to fit to the area.
Does that make sense? :)
We’re set. I Updated to 3.3.2 as of this morning.
Ismael,
Here’s a screenshot of my update page.
That does work!
Thanks Josue. All I need for this topic!
Awesome!
I’m assuming I can match that “red” with a hex value that I use for the rest of the site, correct?
Hey Josue,
That’ll work for now!
As far as the color of just the tabs (font and background) is there way to modify that without changing the entire header background?
Thanks!
Ideally I’d like something like this:
Also, what’s the code to change the color of the font and background color of just the tabs (not the entire header with the logo)? Similiar to what’s in the picture.
Thanks!
Hey Josue,
Didn’t seem to do anything.Thanks.
-JC- This reply was modified 9 years, 4 months ago by JC.
So is there anyway just to center the menu and the logo? I still feel there’s a lot of white space on the right of the page I’d like to do something about.
Ismael,
How do I do that? The Update page (on my Child Theme) says I’m Up To Date with 3.1.5?
Hi Rikard,
Sorry about that. Should be good to go now!
Hey Josue,
Thanks so much for getting back to me so quickly. Sorry I wasn’t able to do the same for you. I tried your code for the menu item size. It’s “better”. But still not quite there.
As I was traveling last week, I ran across this site: http://eliaskanaris.com/
It looks like he’s using Enfold for his site? How would I make the adjustments he has for his menu and logo? Specifically the centering? Between your next response and the last, I’ll fiddle with it until I’m happy.
Thanks!
-JC
Ah, I see. Yeah, I had done that in Quick CSS before. So yeah, probably adding that to the style.css is redundant… but it works with the new code you provided!
I also changed the background-size from cover to auto. Nice to have a little bit of that globe in there. :) (Since it is at auto… is it even needed now?)
With your guys’ help and going back to http://www.w3schools.com/ and using their “Try It” section… I’m learning – slowly!
Thanks Ismael!!
Hey Josue. Hope you’re doing well.
Yeah, I’d like to do something like nerdfitness.com, smartpassiveincome.com.
Just make the menu spots a hair larger and a little more spread out. I’d assume you could do that with padding?
If you notice, both sites have an image in the upper right hand corner (not sure if there’s code to put an image up there or not in Enfold).
It’s just that right now I have a lot of empty white space at the top right hand side of the front page (newinceptions.com). Part of that could be filled up with a menu. And if we can get an image up there, that’d be great too!
Thanks!
Whoa. “inside the media query”. Hopefully there’s a reference link in how to do this…
If not, I assume by adding the code inside the media query you mean to place the code in the grid.css file, correct?
Right after:/* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 767px) {
I did try placing it after this point but it didn’t do anything noticeable.
I’m using a child theme so, I don’t know how that changes things. Would I start another media query in the custom style.css or leave it in the parent?
-
AuthorPosts