[themouthygorillaParticipant]

Hi, I’d like to remove this white border that has appeared around an image i inserted into the footer widget section. it is my logo so i really dont need the border around it at all.

themouthygorilla.com

also at the same time could you give me the code to customise the fonts and social media buttons in top bar and footer, including:
-colour (3 different)
-size
-font family
-remove default uppercase (from footer)

THere are two colours on the topbar and one for hover so three in total. On the footer there appear to be only two: regular and hover.

Please help
many thanks

[RupokMember]

Hi there,

Thanks for writing in! It seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[themouthygorillaParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Thank you for the credentials.
Please add this custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.widget .wp-caption {
    background: transparent;
    border: none;
}
body .x-topbar .x-social-global a { /*topbar social icon font size and default font color*/
    font-size: 20px;
    color: red;
}
body .x-topbar .x-social-global a:hover { /* topbar social icon font color on hover*/
    color: gray;
}
.x-topbar .p-info { /* Topbar content text font color, text size and font family*/
    color: white;
    font-family: "Gochi Hand",handwriting;
    font-size: 15px;
}
.x-colophon.bottom {
    text-transform: initial; /* Remove default uppercase for footer text*/
}

The white background on the image is a ethos setting for wp-caption class. Above CSS will override those CSS and set it to transparent background instead. Feel free to adjust the values accordingly.

Hope this helps.

[themouthygorillaParticipant]

Hi Lely,
THat did sort some things out but I’ve still got questions.
1. In the topbar Id like to change the colour of the text on hover, where it says Join the Troop

2. I’d like to remove the padding or at least adjust it around the image in the footer

3. footer text. I’d like to change the colour and colour when you hover on a link

4. footer social media. Id like to change the colour and hover colour

Big thanks in advance!!!

[JoaoModerator]

Hi There,

1- please add the following code to Appereance Customizer Custom CSS

.ig_action_bar.ig_hello .ig_button:hover {
     color: red;
    background: blue;
}

2- please add the following code to Appereance Customizer Custom CSS

.widget:before {
  display: none;

}

.x-colophon.top .wp-caption {
   
    padding-top: 40px;
}

3-
please add the following code to Appereance Customizer Custom CSS

.x-colophon.bottom .x-colophon-content a {
    color: red;
 
}

.x-colophon.bottom .x-colophon-content a:hover {
    color: blue;
 
}

4- please add the following code to Appereance Customizer Custom CSS

.x-colophon.bottom .x-social-global a:hover {
    color: red;
}

Hope it helps

Joao

[themouthygorillaParticipant]

hi Joao, the only thing that works is the hover on the links and the social in the footer.((

[themouthygorillaParticipant]

Maybe Im not explaining myself properly. On the footer I want to change the color of the text that you cannot hover on. It is now a gray that is barely visible.

On the navigation bar the colout of “Join the Troop” without a hover. I cant change that colour.
The code you gave me changed the font to Gochi Hand, but nothing else works. It just defaults to Times New Roman I think…

[FriechModerator]

Hi There,

On the footer I want to change the color of the text that you cannot hover on. It is now a gray that is barely visible.

Add this on Global CSS

.x-colophon-content p {
	color: white;
}

On the navigation bar the colout of “Join the Troop” without a hover. I cant change that colour.

.x-topbar .p-info a {
	color: red;
}

Change the red value to your desired color.

Thanks,

[themouthygorillaParticipant]

Hi…ok AWESOME!! Ive almost got everything. The last thing that I cant seem to do is the colour of the social media buttons on the footer. I just need them to be white #ffffff and thats it)))

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

body .x-colophon.bottom .x-social-global a {
    color:#fff;
}
/* hover color */
body .x-colophon.bottom .x-social-global a:hover {
    color:#fff;
}

You may change the color as you like.

Thanks

[themouthygorillaParticipant]

Awesome! Cheers))

[Paul RModerator]

Cheers!

[themouthygorillaParticipant]

HI Again, back to the footer image. I want a long and thin footer image right across to the entire box so without any padding on the left or right (Like the header) and VERY minimal padding on the footer on top and bottom. Also id like to get rid of the caption below the footer image. At the moment the footer is part of a widget but maybe it would be better to include it in the php like my header is?

And how would I completely remove the blog name from the navbar. The name is already in the logo header.

Lastly at the bottom of the posts there are two notify me requests. They are very far apart from one another. I would like to adjust the top and bottom margins so I can space the out better.

Cheers Paul

[RadModerator]

Hi Paul,

Would you mind posting new issues over our new support page? Please check this https://community.theme.co/forums/topic/welcome-to-the-general-forum-please-read-this-first/

1. For the meantime, please add this CSS

  .x-colophon.top,  .x-colophon.top > .x-container, .x-colophon.top > .x-container .jetpack-image-container figure, .x-colophon.top > .x-container .jetpack-image-container figure img, .x-colophon.top > .x-container .widget {
  width: 100% !important;
padding: 0px !important;
margin: 0px !important
  }
  
.x-colophon.top > .x-container .jetpack-image-container figure .wp-caption-text {
display: none;
}

2. As for the navbar logo, please add this as well

.x-brand {
display: none;
}

or delete the code on this file \wp-content\themes\x\framework\views\global\_brand.php

3. As for notify section, please add this CSS as well

    p.comment-subscription-form {
  margin-bottom: 0px;
  }

Thanks!

[Author]

Posts