Re: 1. I fixed the “Post Comment” button corners with this:

input#submit {
 border-radius: 2px;
}

I fixed the Comment Field with this:

textarea#comment {
border-radius: 2px;
}

Still can’t figure out how to make the top three form fields rounded corners.

Thanks, Jas

• This reply was modified 11 years, 11 months ago by Jasmer.

CSS:

.logo, .logo a, .logo img {
height: 120px!important;
}

.fixed_header.social_header #main {
padding-top: 120px;
}

avia JS file Line 918:
el_height = $(elements).filter(‘:first’).height(130),

Hey Josue

The icons are off left, I put them in the centre of a 5 column set up to make them look centered…

I am trying to replicate the width of the grey bar at the top of the site, with the icons centered.

Thankyiu

G

i prefer the layout as stretched ideally.

is it not possible to simply add a custom header logo that it is either 1000px, or 1010 or even 1030px wide and 200px high. surely this can’t be that difficult to achieve. i tried the code you gave me and replaced the url with the following: http://www.catalyst2change.co.uk/wp-content/uploads/2013/12/Cat2Change_headerbkgrnd.jpg and it just gave me a completely blank header. plus i wanted the header to remain stretched if poss rather than boxed, as like the blue colour to carry on right across the width of the page.

the customer requires a more snazzy header image rather than just a basic 340px * 156 logo, which just wouldn’t give me anywhere near enough space for the amount of stuff they want to have at the top of the page in a banner style graphic.

please advise the easiest way to add a custom header image.

i did also try adding an image in this section of the header section:
Custom Background Image
Upload a BG image for your Header

but when i uploaded the image it did not show when i viewed the page in my browser.

as i said, the image will simply be around 1000px wide by 200 high.

thanks,
paul

oh wait this doesnt sound like this code would do that, its probably brecause I am currently viewing it on a laptop with a touchscreen… as this is also what happens (and right so) on a smartphone or tablet which dont have a mouse :) sadly my laptop does…..

I think I might be able to solve this but will need to dig into the responsive masonry css that controls the mouseover on mobile devices. Any help in the right direction is appreciated!

thx for the support!

Cheers,
Thomas

Hi Ismael,

Thanks for the email. The solution is absolutely brilliant. I changed the Header type to “Header with Social icons and bottom navigation”.

This is the code I have placed below :

echo ““;

What I wanted to put in, with aligncenter,

Please let me know how I can achieve this.

CSS element – banner-header
Please see the screen-shot placed at http://tinypic.com/r/2iivhfp/8 I need to ensure that the image can be aligned as well as define a height. I tried the following code. It does not seem to work.

I would appreciate if you can help me here. I am happy to provide access if needed.
Cheers
Mohan

Do you see dotted lines connecting the icon circles? I’ve tried on multiple devices and browsers and for me the animation stops half way through, doesn’t ever resolve to the darker grey circles connected by lines.

Well, I dont know what it is then, I just switched to an empty childtheme, downloaded the starting folder from this forum and since then didnt do anything to it except add this function into the enfold-child/functions.php

What I was saying above is that as soons as I add the above function, a strange gap appears at the top of the website and the top of wp-admin. When I checkout the source I see that the whole structure of front and backend is messedup. With that I mean a big chunk of the header codes are now displayed inside the body. When I remove this code all is back to normal.

For now I will stick to modifying core files and not add the code.

Thx for checking it out,

Thomas