Goran Front Page Text Box

  • Unknown's avatar

    For the menu, add a font-size declaration to your .main-navigation a rule and then adjust the font size as desired, like this.

    .main-navigation a {
        font-family: "tekton-pro-1","tekton-pro-2","Noto Sans",sans-serif;
        font-size: 120%;
        letter-spacing: 1px;
    }

    I see you have found the solution to the widget titles with the following CSS.

    .widget-title {
        font-size: 1.2em;
    }
  • Unknown's avatar

    Hi again thesacredpath,
    I officially launched the website today!
    One type of feedback I’m getting is that the widget header are too far apart from the info they contain. So people are clicking the headers, and then realize that the content to click is underneath.

    Any way I can reduce the distance between the widget headers and content?!
    thanks!
    taapsi

  • Unknown's avatar

    Hi taapsi

    This should work for you:

    h2.widget-title {
        margin: 0px;
    }
  • Unknown's avatar

    @taapsir Congrats on your site launch! Well done.

    Did you decide to forego the text b box on the home page due to the issues with placement on mobile devices?

  • Unknown's avatar

    thanks @g471n! that worked.
    @lirodesigns, the code you sent worked to condense the text box for a mobile device. But even after cutting the text down, it was taking up the entire feature image on the mobile screen making it look too cluttered :(
    had to let it go. i appreciate your help with it.

  • Unknown's avatar

    Understood. I’m still struggling to get the text box lower and displaying correctly across all devices.

    I delved into the theme files and discovered the developer added inline CSS (which we can’t override). Makes it more challenging to customize the CSS in Goran.

    I posted a help request last night, but haven’t heard back yet. Hoping a Happiness Engineer has some suggestions for me.

  • Unknown's avatar

    @taapsir, I don’t know that there is a solution for showing the text on the top image that would not obscure most of the image. We could make the text itself smaller and tighten up line spacing on smaller devices, but that may not help enough. We could also display: none; to hide the text on smaller devices. Of the two, I think only the second would really work.

  • Unknown's avatar

    Thanks. Did you see the CSS changes I took for the larger screens to place the text below the image?

  • Unknown's avatar

    @taapsir, How did you get a featured image on your “Page Not Found” page? I was told by WordPress.com support this morning you couldn’t add a featured image to the “Page Not Found” page with the Premium plan.

  • Unknown's avatar

    Hi,
    I don’t have a Page Not Found page. Maybe it was for someone else?

  • Unknown's avatar

    No, it’s your site. Visit this page http://taapsiramchandani.com/ddd

    I see your home page photo on the page, along with a one-line paragraph and search box to search the site.

    Perhaps @thesacredpath has some explanation? I’d like my site to have a custom 404 page displaying the site home page photo, too.

  • Unknown's avatar

    Interesting. I didn’t even know that I had a page not found link. I guess if the home page photo is there along with the one-liner, that that is all good?

    How would anyone get to that page?

  • Unknown's avatar

    Yes, that is good! Now if I can get the home page photo to display on the page not found link for my site, I’d be very happy. :)

    Someone would get to the “page not found” page if they typed in one of the URLs for your site, and had a typo.

    Or, if somehow they were sharing your site with someone else (perhaps in an email?) and entered an incorrect URL.

  • Unknown's avatar

    A 404 page not found is not a good thing when it comes to the search engines. Hiding the message via CSS still leaves it in the HTML, and when the search engines see that message, they just go away and then flag that page as dead and don’t index it. I would suggest getting rid of all pages in your menu that report a 404 not found error. The ddd page would be one that you need to delete – or actually create one if it was your intention to have one.

  • Unknown's avatar

    Thank you for the reply. Yes, I’m familiar with 404 pages. However, 404 pages are defined by the WordPress theme (unless something is different with WordPress.com themes).

    The ddd page doesn’t exist. If you replace the ddd with xy8 or any other random page name, you’ll get the same result: a customized 404 page.

    My question is: how is @taapsir’s site displaying a customized Goran theme 404 page with her home page featured image?

    I was told it wasn’t possible to customize a 404 page, yet I was able to consistently bring up a customized 404 page on @taapsir’s site.

  • Unknown's avatar

    She has set that image as a header image at Appearance > Customize Header Image. It isn’t a featured image.

  • Unknown's avatar

    Header images will typically show on all pages that do NOT have a featured image set.

  • Unknown's avatar

    Thank you @thesacredpath for the tip and explanation. I’ve updated the site with a header image.

  • Unknown's avatar
  • The topic ‘Goran Front Page Text Box’ is closed to new replies.