CSS editor for Mina Olen ??s

  • Author
    Posts
  • #53292

    How to increase the amount of (about page) summary text displayed on my landing page?
    How to move the (read more) link to right after the text versus below all the social sharing links?
    How to change header image per page? I tried using the CSS editor with the page id but not working for me.

    The blog I need help with is: (visible only to logged in users)

    #53398
    samikeijonen
    Theme Author

    How to increase the amount of (about page) summary text displayed on my landing page?

    I’m afraid that you can’t change excerpt length in WP.com. I can ask if that’s possible.

    How to move the (read more) link to right after the text versus below all the social sharing links?

    If you want to change it only on front page add this CSS.

    .page-template-pagesfront-page-php .mina-olen-read-more {
       display: block;
       text-align: right;
    }

    How to change header image per page? I tried using the CSS editor with the page id but not working for me.

    You can change the header image by adding Feature Image at least 1920 x 379 pixels. That will replace original Header image in that page.

    Hope this helps and feel free the ask more questions if you need more help.

    #53489
    agneschenmcc
    Member

    Hi,

    I’m not finding the header (set on 1920 x 379 pixels) on my Mina Olen layout to be responsive to different screen sizes. As a result, the header looks cut off on smaller laptop screens and mobile devices. How can I get the header to be responsive? Or can I set different headers set up for various ranges of screen sizes?

    Thanks!

    #53490
    samikeijonen
    Theme Author

    Yes that’s how it was designed if I understood you correctly. Or are you seeing it differently on demo site?

    http://minaolendemo.wordpress.com/portfolio/black-and-white/

    #53491
    agneschenmcc
    Member

    Hi, sorry for the confusion.

    The header I set on my blog (http://washingtonmemo.org/) is unresponsive to small laptop screens and mobile phones. It looks cut off. How do I change it so that the header fits any screen size?

    Thanks!

    #53492
    samikeijonen
    Theme Author

    Currently that’s how it’s designed to work. Header image works better for non-text images. But I can certainly look if there is anything we can do about it.

    #53493
    agneschenmcc
    Member

    Please let me know if a Custom CSS upgrade would enable me to have a responsive header on the Mina Olen theme. Thanks!

    #53590
    tscott3thompson
    Member
    Original poster

    For responsive header i used css editor with:

    /* Resize Background*/

    @media
    only screen and (max-width: 600px) {

    #header{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    background-size: 250% auto !important;
    }
    }

    The only issue is overflow: hidden is not working leaving a white space underneath the header image. Thoughts?

    #53594
    samikeijonen
    Theme Author

    I really need to re-think this. It might be that I need to update theme so it works in this way.

    #53600
    samikeijonen
    Theme Author

    Try this one:

    body.custom-header #header {
       background-size: cover;
       background-position: center center;
       min-height: 0;
       padding-bottom: 19.74%;
    }
    #53603
    tscott3thompson
    Member
    Original poster

    That works! I increased the padding to 50 % to account for a larger text within the graphic. Its sits off the graphic but i prefer it that way since i embedded the text within the one image file.

    Thanks again!

    #53669
    agneschenmcc
    Member

    Hi everybody, thanks for your help! The code works!

    Another question that I have is, is there a code to hide the author name from blog posts for the Mina Olen theme?

    #53670
    samikeijonen
    Theme Author

    You can hide it with CSS.

    .entry-author {
       display: none;
    }

    Remember to open new topics for new questions.

    #53671
    agneschenmcc
    Member

    Thanks! Will do for next time.

    #53675
    graphics282
    Member

    Hello there! I also would like to know How to increase the amount of (about page) summary text displayed on my landing page? or how to add text on my landing page ?

    Thank you in advance!

    #53676
    samikeijonen
    Theme Author

    Can you link to your about page so I can take a look. I am going bed now but I will look at it in the morning.

    #53677
    graphics282
    Member

    Hello there! I also would like to know How to increase the amount of (about page) summary text displayed on my landing page? or how to add text on my landing page ?

    Thank you in advance!

    #53678
    graphics282
    Member

    my about page
    http://lacocinaquecantaevents.com/254-2/

    my home (static) page
    http://lacocinaquecantaevents.com/

    Thank you!

    #53680
    samikeijonen
    Theme Author

    Your about page is just a regular page. Just edit the page content and add any text and images you want in there.

    In your front page you can’t increase the amount of (about page) summary text (excerpt) displayed on landing page in WordPress.com. But you can try to show full content using Customizer.

    1. Go to Appearance >> Customizer
    2. SelectTheme
    3. Select Show full content of pages in front page. Default is excerpt.

    Hope this helps. If you have more questions I’m more than happy to help you. Also open new topic for new questions.

    #53681
    jztan91
    Member

    hello,

    when i am in the customiser and add a header image it is displayed at full size. However when I load the webpage again at a different time it is cut off. is there any way to address this?

    p.s it is viewed on the same laptop screen

  • The topic ‘CSS editor for Mina Olen ??s’ is closed to new replies.