• Resolved Anonymous User

    (@anonymized-11539796)


    Hello All,

    Trying to make my entry title & paragraph even w/ each other. My site is https://www.craigmurwayfc.com and I am attempting to duplicate what I have done w/ my other site/blog https://www.intenselyfit.com (another work in progress). Any suggestions? I have tried minimizing both the font & width (I know I am doing something wrong). Thanks a bunch.

    Sincerely,
    Craig M.

    P.s. love this theme!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hey there cmurway,

    How are you doing today?

    Generally should be possible with some custom CSS and reducing the font size of the title and maximum width of the title element. To do that please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css

    h1.entry-title {
      font-size: 33px;
      max-width: 800px;
    }

    Reduce font size and maximum width and you should be able to achieve the same effect as in your other site.

    Best regards,
    Bojan

    Thread Starter Anonymous User

    (@anonymized-11539796)

    Hello Bojan,

    Doing well thanks! How are you doing? Hope all is well. I really appreciate your reply! I made those changes to my child theme style sheet you recommended but the paragraph content still remains lower than title no matter what I try. Any suggestions? Thanks again for your help!

    Sincerely,
    Craig

    Hey again Craig,

    Can you please try adding the following CSS as described above:

    header.entry-header {
      max-width: 280px;
      float: left;
    }
    
    .entry-content {
      margin-top: 0;
    }

    This should remove the top margin on your content text and pull title to the left so they should be in the same line. This should be the result https://screencast.com/t/pGCvBsyO7.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter Anonymous User

    (@anonymized-11539796)

    Hello Bojan,

    Worked like a charm! Thank You soooo much! Have a wonderful day!

    Sincerely,
    Craig M

    Thread Starter Anonymous User

    (@anonymized-11539796)

    Hello,

    sorry to bother you again. Just a quick question…is there a way to make these changes that does not scew or mess up the responsiveness on mobile devices? Thanks again for everything!

    Sincerely,

    Craig M

    Hey again Craig,

    Sure thing, you can use media queries to target specific resolutions where you apply CSS. So for example you can try using the following:

    @media screen and (min-width: 768px) {
    header.entry-header {
      max-width: 280px;
      float: left;
    }
    
    .entry-content {
      margin-top: 0;
    }
    }

    This will do the same thing but it will be applied only on resolutions higher then 768px.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter Anonymous User

    (@anonymized-11539796)

    Hi Bojan,

    Thank You soooooo much for your help!!!

    Sincerely,

    Craig Murway

    Hey Craig,

    Glad I could help!

    Have a great day ??

    Cheers,
    Bojan

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Question regarding entry title’ is closed to new replies.