Docs

[iRocketdesign]

Hello,

Great theme! 2 quick questions.
1. How can I remove the white line that appears between my topbar and my logobar?
2. How can I recenter my logo vertically within the logobar? It used to be but it somehow changed and I can find how to recenter it.

thanks!
Rick

[iRocketdesign]

Sorry…here is the image

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[iRocketdesign]

sorry…here you go.

http://www.irocketdesign.com/

[Joao]

Hi There,

The url provided is totally different from the screenshot.

Can you confirm if it is correct?

Thanks

Joao

[iRocketdesign]

I’m sorry…I copied the wrong tab.

http://dev.edmtechcenter.com/

[Joao]

Hi There,

The white line seems to be present on the image you chosed to use as background image, please edit the image and replace it.

Regarding centering the logo you can add the following code to Appereance Customizer Custom CSS

@media only screen (min-device-width : 1200x) 
.x-brand img {
margin-left: 70%;
} }

Hope it helps,

Joao

[iRocketdesign]

Thanks for the help with the image and white line…you were correct and that I fixed. But the logo centering did not help. I like where it is horitzontally (left to right) but want it centered vertically (top to bottom) in the logobar area.

Any suggestions?

thanks!
Rick

[Joao]

Hi There,

Yes sure 🙂

Please add the following code to Appereance Customizer Custom CSS

.x-brand img {
padding-top: 6%;
}

Hope that helps,

Joao

[iRocketdesign]

Perfect!

thanks again!

[iRocketdesign]

Just one more quick question for now.

Would you know how to change the color of the type for the added address and phone info in the logobar that I added to the upper right corner? This is the code I added to the Child theme functions.php with the editor. I would like to make the phone number and fax number a different color.

// Additional Functions
// =============================================================================

// Add phone and text next to the logo
// =============================================================================
function add_logo_text_number(){ ?>

<div class=”custom-text right pas” style=”color: #000000; FONT FACE=”Lato” font-weight:”bold” ALIGN = “RIGHT”>
<span class=”address”>8479 Xerxes Ave N</span><br>
<span class=”address”>Brooklyn Park, MN 55444</span><br>
<span class=”address”>USA</span><br>
<span class=”phone-number”>Phone: 763-315-9104</span><br>
<span class=”phone-number”>Fax: 763-315-9108</span><br>
<span class=”email”> [email protected]</span>
</div>

<?php }

add_action(‘x_after_view_global__brand’, ‘add_logo_text_number’);
// =============================================================================

[Joao]

Hi There

Add the following code to appereance customizer custom css:

span .address, span .phone-number {
color: white;
}

Hope that helps,

Joao

[iRocketdesign]

That didn’t change anything. ?

[Joao]

Hi There,

Lets upgrade this part of your code:

<div class=”custom-text right pas” style=”color: #000000; FONT FACE=”Lato” font-weight:”bold” ALIGN = “RIGHT”>

to this:

<div class="custom-text right pas" style="color:white; font-weight:bold; text-align=right;">

You can change the white for any color desired.

Hope that helps,

Joao

[iRocketdesign]

But I only want to change the Phone and Fax colors. I want to leave the address black. The client wants the Phone and Fax to stand out.

thanks

Rick

[Author]

Posts