Thank you for showing me what the .dmci would look like – that is helpful. Certainly the css-tricks page will be helpful too.

Until next time.. lol

Jason

I may have spoken too soon. lol
There is one menu item that I want to modify independently. It is the ‘Download my contact info’. It is just a little too long for the space. If I could reduce the font size or font spacing would probably do the trick. I have assigned that menu item a custom css class = dmci

Then in Appearance / customizing / custom css
This is my css.

.dmci {
font-size: 20px;
}

I see no change.
I must be missing something. lol

Yes, we can close this thread. I’m sure there will be more questions later. lol

Nevermind. I figured out my background image on my own.

Hey Mike,

We have some good progress. I changed the text padding-left from pixel to percentage. Now no matter how I change the shape of the page the text keeps the creative indentation I want. Thank you for showing me that. I also added some line breaks to the end of my text to allow the background image more room to show.

Still struggling with the background image. Your test page looked like this..
/Users/j-birdteching/Desktop/Contact-test-desktop.jpg

This is what I am hoping to achieve.
/Users/j-birdteching/Desktop/Jkos-contact.jpg
I know some people like a more vertical window and some like a more horizontal window so, fit, distort, stretch, fill, whatever you call it, I would like to always see the entire background image. The image is abstract enough to be able to handle considerable distortion.
/Users/j-birdteching/Desktop/contact-vert.jpg

/Users/j-birdteching/Desktop/contact-horizontal.jpg

The next challenge is getting this page to look good on a phone. Is having a separate contact page just for phones something we should be considering?

Doing the left margin by percentage did work for the phone but, I think having 50-60% margin padding on a phone is unrealistic.
The font would have to be a micro font. lol
/Users/j-birdteching/Desktop/contact-phone-2.jpg

The test page you made looks like this on my phone. I could live without the text having the creative indentation and just being uniformly left, right or center justified but, the page didn’t scroll down to see the rest of the text.
/Users/j-birdteching/Desktop/test-contact-phone.jpg

We’ll see what the background image looks like on the phone after we make adjustments to the desktop.

Thank you,
Jason

Thanks Mike! I like where this is going but, doesn’t seem to be working just yet.
I don’t see a change in the Customizing preview. I don’t see a change when I publish, delete cache, refresh page on iPhone.

In the menus page I have given item Erosion Stories of Paria Canyon the custom CSS class = gal

This is the CSS entered:

#av-burger-menu-ul .gal a {
color: blue !important;
}
I have also tried:
#top #wrap_all #header #av-burger-menu-ul .gal a {
color: blue !important;
}

Something is a miss. lol

Hi Ismael,

You guessed it! The Lightbox Modal Window option was off.

Thank you! :)

J

Thank you. Sounds like more trouble than it is worth. lol

Then end.

Yes, hopefully that is all the adjustments I will need for a while. Thank you again!

Jason

Thanks Mike, I don’t mind the linked image overlay but, I do find it strange that my Enfold theme options > Advanced Styling doesn’t look like your image. Mine does not have the Linked Image Overlay. Strange….

The code for removing titles on mouse-over worked. Thank you!

The four links at the bottom of page two don’t change color with mouse-over. I feel like I have that set to turn blue but, something is a miss. lol

Also still need help with the three images on page two. The desktop looks great but, the mobile version has micro thumbnails. lol
Would be great if we could get that to look like the desktop, please.

Thank you!
Jason

I’ll give the advanced editor a try.

• This reply was modified 3 years, 1 month ago by jkos.

Hi Mike, Yes, that fixed the all caps issue but, I am finding that H1, H2 & H3 are not responding to the block edits for font size or letter spacing. I currently have them exaggerated so I know when they are working. I am working on: Portfolio Items / Digital tech capture contact.

Jason

I created a guest login.
Once you are in..
Portfolio Items / Digital tech capture Contact

Notice how the welcome line looks..
Now generate a preview in a new tab.
That welcome line looks very different.

Thanks for your help!

No change. I am noticing the issue the most in the typography section. I have noticed the font size & letter spacing do not match the generate in a new tab preview. Appearance is working fine.