Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #172929

    John
    Participant

    Hey guys,

    So I have a logo that is essentially text and its not scaling very well on smaller resolutions:

    http://prntscr.com/5mbdla

    Its like running off the side of the page.

    So what I’m looking for in this support request is a way to scale this logo (or do it with content based text like an h1 for the topline and a h2 for the bottom one.) that sidesteps this problem.

    Here is a link to the site if you need it:
    http://www.peoplematteratwork.com/

    I’m open to any ideas you guys my have on solving this. Thanks!

    John

    #173063

    Nabeel A
    Moderator

    Hi John,

    Please add the following CSS code via Appearance > Customize > Custom > CSS:

    .x-brand {
        width: 100% !important;
    }

    Let us know how this goes!

    #173114

    John
    Participant

    God you guys are sooooooooooooo good. Every time I write you its so simple and easy. Thank you so much!

    #173118

    John
    Participant

    Quick follow up question on the recent posts, the thumb nails that are showing up on the homepage is there a CSS style to make them not turn 100% gray, and to pick a different color then gray?

    I’m trying to find the style to alter with firebug but its giving me a hard time. Thank you for the help; yet again X team!

    #173248

    Christopher
    Moderator

    Hi there,

    Please try this code:

    .x-recent-posts a:hover .x-recent-posts-img {
    background-color: rgba(255,255,0,0.5);
    }

    Hope that helps.

    #173622

    John
    Participant

    That’s a great start but what I’m looking to create is the image in the background is semi-visable. Whats happening now is the color is there but when I change the alpha number on the RBGA value above its seems to being effecting the saturation of the color value and not the transparency it’s self.

    Take a look:

    http://www.peoplematteratwork.com/

    Thanks so much for the follow up help!

    John

    #173787

    Darshana
    Moderator

    Hi there,

    Could you please try adding the following CSS workaround into your Customizer, Custom > CSS section and change the opacity value according to your preference.

    
    .x-recent-posts a:hover img{
        opacity: 0.2;
    }
    

    Hope that helps.

    #173911

    John
    Participant

    Worked great thank you!

    #174077

    Christopher
    Moderator

    You’re welcome.