-
Posts
-
I am trying to set up the following page – http://papernapkinmarketing.com/dental. I have each of the banners and in photoshop am adding the heading and text. I am placing them onto the page as color scetions. However, the sizing doesn’t seem to be right (see WEB banner). I am not sure what size to make the banners and then how to set up the color section so the whole banner shows. Help, please.
Sorry, but i dont get whats your problem.
for th “WEB” section you are using an image for the text.
Why dont you write the text like in the other sections? like the technology and commercial section?It’s very simple to add a semi transparent background to those text sections and Text scales way bettern then images.
Can you check out – http://papernapkinmarketing.com/dental?preview=true&preview_id=3599&preview_nonce=afe9ca31dd. If you look near the top of the page there are two banners. I am trying to get the banner titled “WEB” to be as large as the second banner but crisp, clear and the full size. I can’t seem to make it happen
Hi!
@papernapkinmarketing please publish the page and then post the link to it :)Best regards,
YigitSorry here is the page – http://papernapkinmarketing.com/dental
Hi!
This will do it, add it to the Quick CSS:
.page-id-3599 .flex_column { padding: 20px; background: rgba(0,0,0,0.75); } .page-id-3599 .flex_column .av-special-heading-tag{ color: white; } .page-id-3599 .flex_column .avia_textblock p{ color: white; font-size: 16px; line-height: 24px; }Remove the empty columns in each color section.
Cheers!
JosueHi Josue,
Perfect, thank you.
Two quick questions.
1. I’ve gone ahead and removed the empty columns. However, I need some of the boxes to on the right instead of the left side of the image. I had placed the empty columns inside so that it would push over the heading and text. Any suggestions on how I can fix that?
2. Also, the left margin on the boxes end up in different places. Is there a way to fix that?
Thanks!
Todd
Hi!
1. Add an ID (colsright) to each color section that should have the columns on the right, then add this to the Quick CSS too:
.page-id-3599 #colsright .flex_column { float: right !important; }2. They seem all equally aligned to me:
Regards,
JosueHi Josue,
I’ve gone ahead and added the CSS. I went into the IDENTITY color section, scrolled to the bottom and in the For Developers: Section ID I added “colsright”. It’s not moving the box to the right and I am wondering if I am entering the wrong information or into the wrong section.
Hi!
Check:
http://papernapkinmarketing.com/dentalBackend:
http://papernapkinmarketing.com/wp-admin/post.php?post=3599&action=edit&message=1Cheers!
JosueJosue,
When I open backend link it sends me to – http://papernapkinmarketing.com/wp-admin/edit.php. I don’t know what I am supposed to look at.
Hey!
It should get you to the edit page of the Dental page, i linked it so you can check the IDs being applied to the color sections.
Best regards,
JosueJosue – Awesome. I went to the link and then previewed the page and the placement of the boxes looks perfect. How do I apply the changes so the changes are active on http://www.papernapkinmarketing.com/dental?
Nevermind! It worked, yay. Last question. Is there an easy way to grey overlays to the image (see http://grainandmortar.com/ for an example). Adding the grey overlay would help with the wording being scene.
Hey!
Try adding this code to the Quick CSS:
.page-id-3599 div.av-parallax.avia-full-stretch:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: block; }Cheers!
JosueI added the code to the CSS but it doesn’t do anything (that I can tell). What is it supposed to do? Hopefully I put it in correctly.
Hmm, I entered the code in the quick CSS but it doesn’t look the same as the screen shot (thanks for sending this, btw)
It seems you pasted the code directly from the mail and that’s putting the quotes as charcodes quot;. You’d need to rewrite them manually in the Quick CSS box (the code should look like in the image i posted).
Cheers!
JosueAwesome! It worked, thank you. Last question on the page. The contact form at the bottom the “submit” button is all black. I can’t figure out to change the color of the font within the button.
Josue,
Perfect, thank you.
I went to fill out the form and the text isn’t appearing. I think it’s the same color as the fields. Also, I added the phone number and Facebook icon to the top header. Is there an option to make the phone number and social icon larger (there so tiny).
Last but not least is there an easy way to update the font of words that are linked on the site?
- You must be logged in to reply to this topic.