This code works globally:

#top .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

But when i use this nothing changes on that page (26876)

#top.page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

—————————————————————————-

Can we also add a colour change to that code?

Hi,

Thank you so much!!! That helped a lot! :-)

I had to style it like this:

.header-scrolled .widget {
top: 23px !important;
}

.header-scrolled .widget img {
height: auto !important;
width: 50% !important;
}

#header .widget {
left: 50%;
padding-top: 0;
position: absolute;
top: 45px;
transform: translate(-50%);
}

.html_header_top.html_logo_center .logo { left: 250px; }

———————–

I think it’s because I also have enlarged the social icons with this CSS:

#top .social_bookmarks li a {
width: 40px;
line-height: 32px;
min-height: 40px;
font-size: 30px;
}

#top .social_bookmarks li {
height: 100%;
width: 40px;
}

So I added this CSS:

.header-scrolled .social_bookmarks {
top: 23px !important;
}

The only thing now, is the header height on tablet in landscape mode – it doesn’t shrink on scroll. Is there a way to fix that?

Tried this code but never worked:

.iconbox_top .iconbox_icon { font-size: 50px!important; height: 90px; width: 90px; line-height: 84px; top: -64px; }
.iconbox .iconbox_content .iconbox_content_title { margin: 30px 0 16px 0; }
.iconbox_top .iconbox_content { margin-top: 80px; }

Is it possible to choose from a greater selection of fonts? The choice seems quite limited. Also when changing the text for say the main body area where would like the header to be a larger font size than the text below it I am struggle to do this.

On the sidebar below my main links where I have got philosophy of care, dementia care, our staff, latest news etc I would like to place 2 pictures with links to existing pages on my site. I have put links to the pictures in the private content area. Using the widgets there is no option to do this with the closest option being the advertising widget. With that the max picture size is 125 * 125 which is too small for what I want.

One more question for now. At the very top of the site where I have put phone numbers to Rickmansworth and Northwood is it possible to have this text on different lines as opposed to both numbers being on the same line?

Thanks for all your help

Thank you YIgit!

Another question, I’ve changed my footer background in the theme options but i don’t see the change, I emptied catch and everything, yet still no success.
I’ve added the wp credentials just in case you would like to have a look!
Also where can I change the font size of the footer?

Thank you a lot!

Best,
Carlos

I did as you instructed however it is not working. I want my font size when the screen is at its largest to be 18 point black font. Then when i shrink the screen I would like the font to reduce so as to not get overlapped by the logo.

With the css you had me add. It reduces the font size when the screen is at its largest, and turns the font grey. Then when I reduce the screen size the font size increases. Give it a try. Start with the screen large, and slowly shrink the screen you will see what I mean.