Brooke "The Coconut Ninja"

Aloha bing0bango!
I would love to help you. What is your website link and I would be happy to locate that for you.

Aloha ‘oe
Brooke

Aloha gca2000!

You can create a great contact form with this plugin:

https://www.ads-software.com/plugins/contact-form-plugin/

Aloha ‘oe
Brooke

Aloha Kenjie!
I would love to help you. What is your website and I can take a look and see how best to help you.

Aloha ‘oe
Brooke

Aloha Liz!
You can change it to match your footer, but you are going to have to change a lot of the code to make it work. I can help you if you would like. Feel free to contact me at [per forum rules, please do not use the public forums to solicit work off of the public forums] My site has almost the same navigation that you are looking for.

Aloha ‘oe
Brooke

Aloha Xenamar!
I would love to help you change the color. What is your website and I will take a look. Do you know what color you want to change it too?

Aloha ‘oe
Brooke

Aloha LAGolon!
Glad to see you are connected with Facebook! What is your website and I can take a look. I am sure it’s just a few changes to the code and you should be good to go.

Aloha ‘oe
Brooke

Anytime! Glad it worked for you.

The reason why it isn’t all the same height is because your text is all different lengths. If you want them to look all uniform then all the text need to have the same characters. If you look at the demo site closely they aren’t all the same. It looks like it is suppose to have the same feel as pinterest.

I am glad to help. If you need anything in the future let me know. ??

If you are using a child theme just add this to your style.css

.site-content #nav-below .nav-previous a:before, .site-content #nav-below .nav-next a:before, .site-content #image-navigation .nav-previous a:before, .site-content #image-navigation .nav-next a:before {
    background: none repeat scroll 0 0 #444;
    border-radius: 50%;
    color: #fff;
    content: "?";
    display: inline-block;
    font-family: Genericons;
    font-size: 5rem;
    font-style: normal;
    height: 50px;
    line-height: 1;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    display: none;
}
.site-content #nav-below .nav-next a:before, .site-content #image-navigation .nav-next a:before {
    content: "?";
}
.site-content #nav-below .nav-previous a, .site-content #image-navigation .nav-previous a {
    left: 0;
    display: none;
}

Sure did. I posted how to fix it on those threads.

Aloha!
Look at your style.css file and find
#menu-primary li a
It will have a list of settings and one of those is:

text-transform: lowercase;

Just change lowercase to uppercase and it will change that for you.

Aloha!

Brooke

Aloha!
You need to add the margin-bottom field to your style.css file.

#header img {
    margin-bottom: 25px;
    max-width: 100%;
}

I played around with it and 20px-25px looked pretty good. You can change that number and see what you think!

Aloha!
Brooke

Aloha Blueturnaround!
You site looks very clean! I really love the feel you are going for. You can absolutely remove the arrow. You will need to change some code in your style.css file. Make sure you are using a child theme so you don’t lose all your customizations when the template updates. In your style.css file you need to find:
.site-content #nav-below .nav-previous a:before, .site-content #nav-below .nav-next a:before, .site-content #image-navigation .nav-previous a:before, .site-content #image-navigation .nav-next a:before
and add “display: none;”

Then find:

.site-content #nav-below .nav-previous a, .site-content #image-navigation .nav-previous a {
    display: none;
    left: 0;
}

I added the display: none; so you can see what it should look like. When you do those two changes it will make the arrow go away. Good luck!!

Aloha!

Brooke
The Coconut Ninja

Aloha Maria!
If you post your site link I can take a look and let you know what you need to change in your style sheet.

Cheers!
Brooke