[Kathleen]

Mahesh, that CSS worked beautifully! Thank you so much for your kind and patient assistance! All the best, Kathleen

[Kathleen]

Hi Mahesh, thanks for your response! I think I figured this out…experimented with different size Featured Image background sizes and file formats. PNG 940×1400 seems to work best. Image quality/clarity is now much better. Thank you! Kathleen

http://www.communitypartnersnh.org/?page_id=1597&doing_wp_cron=1491479392.5642158985137939453125

[Kathleen]

Hi Mahesh and Pratik. Any ideas for removing the white space above blue box as illustrated in screenshot above? Thanks! Kathleen

[Kathleen]

Hi Mahesh, thanks for your response. I appreciate your time. Kathleen

[Kathleen]

Hi Mahesh and Pratik. Thanks for your response! Pratik, it’s weird that you couldn’t see the blue box…but I should have included a screenshot. Here you go:

I’d like to remove some of the white space above the blue box, essentially moving top edge of blue box up closer to bottom of slider, even with top edge of ‘Search this site’ widget.

Unfortunately, adding Mahesh’s code to Custom CSS in Theme Settings did not accomplish this.

Any additional ideas are welcome!

Thank you for your time and help.

Kathleen

[Kathleen]

Hi Mahesh,

I wanted to follow up and let you know that your suggestion worked, with a caveat: while I *can* now set a single page ‘Featured Image’ to serve as the visual backdrop or background within the page/post space, it always appears blurry, no matter what the original size and clarity of image I use. My web research suggested this is because Catch Box Pro is a ‘Responsive’ site, and the ‘Featured Image’ is being scaled or resized when it loads, causing the blurriness or lack of clarity. Can you suggest any workarounds that will retain the ‘Featured Image’s original quality/clarity and prevent it from becoming blurry?

Thank you!

Kathleen

[Kathleen]

Thank you Mahesh! I am studying those links now…really appreciate your help! Kathleen

[Kathleen]

Hi Mahesh. Thanks for your reply!

I’d like to be able to set the ‘Featured Image’ of a single page as the background of the article and content on that single page. In other words, the overall website background image (entire site background) would still be there, but in place of the white background of the specific post or article would be the ‘Featured Image’ for that specific page/post, and then any article or page/post content (text and small images) would appear on top of the ‘Featured Image’ for that specific page/post.

I’ve attached a visual representation so you can see exactly what I mean.

Thanks so much for your help!

Katherine

[Kathleen]

Sakin, the menu-centering CSS you provided works perfectly, thank you. I apologize that I cannot yet make my URL available to you. Hopefully we will go live by the end of the month. We host our corporate website, and the one I am working on now (with your kind assistance – thanks again!) is not yet visible to the outside world. Very best regards, K.

[Kathleen]

Sakin, belated thanks. Really appreciate your CSS. Site is now nice and white/clean.

I do have another question, regarding the Header Main Menu. It floats left, but I’d like to have the main menu items float center. I’ve tried the following CSS unsuccessfully:

#header #mainmenu ul li a { padding: 0 15px; }

#header-menu ul.menu {
text-align: center;
}
#header-menu ul.menu li {
display: inline-block;
float: none;
}

#header-menu ul.menu {
text-align: center;
}
#header-menu ul.menu li {
display: inline-block;
float: none;
}
#header-menu ul.menu ul {
text-align: left;
}

None of those efforts worked. What do you recommend?

Thanks much!

Kathleen

[Author]

Posts