Forum Replies Created

Viewing 15 replies - 196 through 210 (of 356 total)
  • Hey there,

    It’s very strange you’re seeing that. It’s possible the switch in themes may be causing that.

    What is the URL of the site you’re working on exactly?

    Hello Andrea,

    When I look at the homepage, blog and individual blog posts, I can see that both the headers and footers are the same.

    What differences are you seeing exactly?

    Hello there,

    Awesome! 🙂

    I didn’t explain this clearly. I would like the tag collection pages to display the tag at the top. Like on this page it would say “Writing.”
    http://mikkihalpin.com/project-tag/writing/
    It would be nice if that happened automatically but I could make them as header images that appear below the site header….

    That header text is already there, but it wasn’t visible because it was a dark text.

    This CSS would make it mirror the menu text.

    .tax-jetpack-portfolio-tag .page-title {
        color: #ffffff;
        text-transform: uppercase;
        font-family: montserrat;
        font-weight: 800;
        padding: 0px 0;
        font-size: 50px;
    }

    With regards to the YouTube video, what HTML have you added exactly? Have you acquired this from the web somewhere?

    Many thanks in advance. 🙂

    Hello there,

    Happy to help you with this.

    Blockbase is a responsive design, so text sizes would change depending on screensize.

    Is there a page on your site where this is not happening?

    You’re most welcome!

    That made the menu links white and in the right font—they are blue on mouseover, tho, and now there is blue around the upper right hand corner?

    Hm, I’m not seeing that, you may want to clear the browser cache. I’m seeing a green mouseover and there’s no change in the top right hand corner.

    New question–is there a way to put a header on tag pages? Like this page that is all the portfolio projects tagged “games” http://mikkihalpin.com/project-tag/games/

    This CSS would do that:

    
    /* Add header to tag pages */
    
    .tax-jetpack-portfolio-tag .page-header {
        max-width: 100%;
        background: url('https://mikkihalpin.com/wp-content/uploads/2022/09/s-l600.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 100px;
      }
    
      .page-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        color: #ffffff;
      }

    I’ve used a random Beatles image in there for now, you can change https://mikkihalpin.com/wp-content/uploads/2022/09/s-l600.jpg – to a link to an image that’s more with what you require.

    Serious question is there a way I can write to your boss or something and tell them how helpful you are? I am in awe

    Ah thank you for the kind words. 🙂

    Hello there,

    Ok, so to style the menu you’d need:

    /* Style menu */

    .main-navigation a {
        color: white;
        font-family: montserrat;
        font-weight: 800;
        padding: 0px 0;
        font-size: 50px;
    }

    And then either make that “Search” square black-and-white (maybe that wouldn’t show up very well?) or green.

    The CSS for this is:

     .widget input[type="submit"] {
        background-color: #000000;
        color: #ffffff;
    }

    I hope this helps. 🙂

    Hello there,

    It looks like we’re getting there 🙂

    UPDATE: I got the hamburger menu back to black!
    it was this (I had changed it to white)

    Hooray!

    1. If we could at least get rid of the blue square?

    This CSS would help with the blue square in the menu:

    
    .sidebar-toggle:hover, .sidebar-toggle:focus, .sidebar-toggle:active {
        background-color: #000;
    }
    

    2. Is it possible to remove the word “Menu”?

    This CSS would remove that.

    .menu-heading {
        display: none;
    }

    https://imgur.com/a/P7hP3HC

    Getting it to look like this isn’t impossible. What font is being used for the menu items there? And is this font uploaded to the site itself?

    Hello there,

    It’s not something that’s supported out of the box, but it is possible with CSS.

    I hope this helps.

    Hello again!

    1. Link colors

    Ah I think that’s something specific to WordPress.com.

    It looks like this has come up before and there’s CSS here: https://wordpress.org/support/topic/change-all-link-colors/ which can help with changing those. 🙂

    2. Hamburger menu

    Black is the default colour. Can you remember what you changed here? I don’t CSS in the post.

    4. So another thing about the header. On the Espied page they show a site with a big header image–I’m talking about the white block that says “Hello! We’re Espied. This is our new portfolio.”

    I see what you mean! On the demo seen here: https://espieddemo.wordpress.com/ you can see the homepage uses the Portfolio template. This can be changed via Pages > click on the page allocated to the homepage > Page Attributes > change to Portfolio Page.

    The page title is:

    HELLO! WE'RE ESPIED. THIS IS OUR NEW PORTFOLIO.

    The content is:

    This is a page which uses the "Portfolio Page Template." The content on the page goes here and the heading above is the page title. This page also displays projects as you can see below. You can add projects from Portfolio → Add New in the admin.
    For the thumbnail, you can choose one of three aspect ratios, landscape (4:3), portrait (3:4), and square (1:1) in the Customizer.

    I hope this helps.

    Hey there!

    It looks like this site is hosted on WordPress.com, so you can reach out for assistance with this theme here: https://wordpress.com/help/contact also.

    The CSS you require is:

    
    /* Increase site width */
    
    .site {
        width: 100%;
        max-width: 100%;
    }

    This can be added via Appearance > Customize > Additional CSS.

    Hello there,

    Happy to help you with this.

    It may be possible with some CSS… Are you able to provide a link to your site please?

    You’re most welcome and you can.

    1. The desktop view for the portfolio pages tends to squish everything into a narrow middle column, is there anything I can do about that? I made a test post with a superwide image and it still happened: http://mikkihalpin.com/portfolio/test/

    This CSS might help:

    
    
    /* Increase portfolio width */
    .single-jetpack-portfolio .entry-content {
        width: 100%;
        padding: 0 5%; /* optional */
    }
    

    2. I did something to the hamburger menu 😳. It now pops open and takes over the screen and is huge and ugly. Any thoughts??

    Have you change any settings in the customizer regarding the menu? This looks like normal behaviour…

    My thoughts are, I actually think this looks pretty slick. 🙂

    3. Is there any way to change the color for links and followed links? Like the way the ones on this page are blue: http://mikkihalpin.com/portfolio/lenny/

    This should be changeable via Appearance > Customize > Colours. Are you seeing those options there?

    If not, you’ll need some CSS for that. Have you added CSS relating to this during the build?

    4. On the tag pages like http://mikkihalpin.com/portfolio/writing/, is there a way to center the project titles and make them white? or just get rid of them?

    Yes, this CSS will centre and change the colour:

    
    /* Style portfolio titles */
    
    h2.portfolio-entry-title a {
        color: white;
    }
    
    h2.portfolio-entry-title {
        text-align: center;
    }
    

    5. SORRY SO MANY THIS HAS TAKEN OVER MY LIFE ADAM. Ok you know how this page here on wordpress.org has that top nav with “News,” “Download & Extend,” “Learn,” “Community,” etc? Is there a way to do that in Espied?

    This isn’t possible with this theme. The header template is not built this way.

    I can see what you’re trying to do with the portfolio tiles (Games, Videos, Brands, Writing) to get to those areas.

    You could increase the the tile width by 5% so that’s it’s 4 across instead of 5, using this CSS:

    
    /* Increase port tile width */
    
    .post-type-archive-jetpack-portfolio .jetpack-portfolio, .tax-jetpack-portfolio-type .jetpack-portfolio, .tax-jetpack-portfolio-tag .jetpack-portfolio, .page-template-page-templatesportfolio-page-php .jetpack-portfolio, .project-navigation .jetpack-portfolio {
        width: 25%;
    }
    
    

    I hope that’s useful!

    Hello there,

    Ok, do you know if your host is using a CDN?

    Also, are you able to provide a link to the conditions of where you’re seeing as per: https://www.whatismybrowser.com/ please.

    Many thanks in advance.

    Hello there,

    Happy to help you with this.

    
A. When you mouse over the hamburger menu. 


    The CSS you would need is:

    
    
    /* Change sidebar menu hover colour */
    a.sidebar-toggle:hover {
        background-color: black;
    }
    

    B. When you mouse over a project on the home page, and then hover over “View,” the text is blue.


    Hm, I’m not seeing this is the case here.. I’m seeing black when I hover the view.

    C. The background color for “Previous” when you mouse over the < in the nav (also happens for “Archive,” etc.
)

    The CSS you require is:

    
    /* Previous background colour */
    
    .js .site-main .post-navigation .nav-previous a:hover:before {
        background-color: #000000;
    }
    
    .js .site-main .post-navigation .nav-previous a:hover {
        background-color: #000000;
    }
    
    /* Next */
    .js .site-main .post-navigation .nav-next a:hover {
        background-color: #000000;
    }
    
    .js .site-main .post-navigation .nav-next a:hover:before {
        background-color: #000000;
    }
    
    

    I would love to change the font of the project title in the hover on the home page. I tried both of the codes below and they didn’t work.

    I can actually see this working – you may want to clear the browser cache. 🙂

    Hello again,

    Many thanks for providing a screenshot that explains this perfectly.

    I can’t replicate this on an Android phone, using Chrome.

    Can you tell me what browser you’re using there on the mobile?

    I’m already suspecting Safari, as it looks like the image isn’t being loaded at all – which I’ve seen happen if the image is being served via a CDN.

    It relates to how Safari privacy handles third party links/cookies on sites, if the hosting provider is doing this in some kind of capacity.

Viewing 15 replies - 196 through 210 (of 356 total)