Docs

[mgerney]

I constructed a website using another theme only to find that a special plugin necessary to the site was not working. So I am reconstructing the site using X-theme.

I have 3 issues –
1.I need to add a horizontal line under the menu (just the menu and not individual menu items but the whole menu – but not the entire header. I have not found an answer to that that worked.

2. I created two classes in the other theme – I have added them to my X-Theme child theme. They add an image to the page that when you click it changes to another image and then links to another page. I can’t get this to work in X-theme. See http://oaklandpublishingservices.com/Debra/ and click on Sell and Buy. I did it with CSS putting a div class on the page, but can’t make it work using Cornerstone or adding it outside of Cornerstone. The page that I want to add it to using X-theme is: http://oaklandpublishingservices.com/DebraAlt

3 – The bottom footer (green) I would like it to be smaller with the text in the middle and only a couple of px above and below the text – again see http://oaklandpublishingservices.com/Debra to see how I want it to look.

Thanks.

Please help – X-theme works with the MLS plugin I need to use – which didn’t work with the other theme I used.
Thanks.

[Rad]

Hi there,

Thanks for posting in.

1. Increase your navbar height to 90px instead of 30px. It should be configurable through Customizer > Header. Then add this CSS to customizer’s custom css.

.masthead-inline .desktop .x-nav {
border-bottom: 2px solid #ac494a;
}

2. You mean the hover image? You can’t do that on image element, but you can do that if you’re going to add your content and images through text element.

3. The green area is part of the image http://oaklandpublishingservices.com/DebraAlt/wp-content/uploads/2016/09/full-north-carolina-landscape-300ppircropped.png, please remove that then add this CSS as well.

.x-colophon.bottom .x-colophon-content {
    padding: 5px;
}

Cheers!

[mgerney]

Thanks so much for the answers.

Can you elaborate on #2 – The only content is the image which is supposed to change color when clicked. Using the other theme I added this CSS to the child stylesheet:
.sellbutton a { display: block;
width: 170px;
height: 192px;
margin-top: 2em;
margin-left: auto;
margin-right: auto;
background-image:url(‘http://oaklandpublishingservices.com/Debra/wp-content/uploads/2016/09/sell-real-estate-icon-green-150ppi-e1472844090534.png’);
}

.sellbutton a:hover { display : block;
width: 170px;
height: 192px;
margin-top: 2em;
text-align: center;
background-image:url(‘http://oaklandpublishingservices.com/Debra/wp-content/uploads/2016/09/HOVER-sell-real-estate-icon-pink-150ppi-e1472844170933.png’);
}
This did what I needed it to do. When you say add this to a text element – Can you explain how I would do that? Do you mean the code or the image?
I actually want to do the same thing with the Facebook icon.
Thanks.

[mgerney]

Never mind – on this question. I figured it out. Thanks.

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts