nhcent

would you know why with the code p {
max-width: 700px;
margin: 0 auto 10px;
}

not all pages are responding to it just the estate planning page https://zaffrelaw.com/?page_id=95 but the rest are holding all of the lext indented left

I think in the home page it is still running off of the themes slider the header slider you see is set only for certain page ids not home page

Thank you i have one last question and I am done with the site ?? can i reduce the spacing between the home page slider and the header?

thank you again is there a way to do that for the title so it lines up with the new dimensions of the body text? for right now i put hide title plugin in

I did figure this out by going to a full width page what I would like to do is control the width of a text paragraph to bring it within the width of my slider please see https://zaffrelaw.com/?page_id=95

One last question for you is it possible to get the slider on all the pages but not as tall I’m trying to add a slider just like the home page has but to ever page about 150-250 px high is this possible in the prem version?

Yes this is true i never thought of that and there is no way in css to specify each box. Well it was a good try LOL

Thanks a ton i thought of an idea also let me know your thoughts I think this is what you were saying above

On non hover the icon box would be an image say a png box with a 30% transparency and then the icon image in the box in the blue then on hover a new image with the blue background and the icon in the box basically eliminating the uploaded icon in the theme options and using an image only in the css for the background only so .home-iconmenu a {background:url (https://xxxxxxxxx.com/x/x);} then the similar for hover

that would be awesome if you could ??

I was thinking I could do an easier fix is just make the image one color and the text only change colors on hover over the image and or text so as you see it now on zaffrelaw.com the icons would be blue and text blue then on hover the text would go white and the hover background color grey

Again you are always awesome

BTW forgot to say thank you to everyone for the help

I started working with this code

.home-iconmenu a i {color:#034ea2;} /*icon color*/
.home-iconmenu a i:hover {color:#fff;} /*icon hover color*/
.home-iconmenu a h4 {color:#034ea2;} /*text color*/
.home-iconmenu a h4:hover {color:#fff;} /*text hover color*/
.home-iconmenu a {background: color:#fff;}
.home-iconmenu a:hover {background: color:#034ea2;}

i have taken it out for now but this is starting to get the text to change but my images are uploaded to slot 1-4 and I would need to get the css to call out a second image for the rollover

you are fantastic can i donate to your theme or is there a paid version i appreciate all of your help and you are always so fast at helping us

did this solution work im having the same issue on the mobile the box does not resize correctly

i was able to change the icon sizes which stretched the boxes down but now the icons are too big would love some help to have the css code to just stretch the boxes