How do I change the Site Title Size?

[rinda]

Hi,

I’m very new to this but was wondering how I can change my site title in the header, along with the tag line.  I want the site title “Top Parent Picks” to be larger like 48px and want the tagline “Real Parents. Real Reviews” to be smaller like 24px.  Can you please help?  Thank you.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please try by adding this code to style.css of child theme or Appearance > Editor > Style.css 🙂

COPY CODE

strong.logo a {
    font-size: 48px !important;
}
.menus-wrap span {
    font-size: 24px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

I’ve tried that and it works, but it throws off the responsiveness of the page. Is there a way to do this where it still keeps the responsive views? I’ve attached some screenshots for you to see what I am talking about. Screenshots are for iphone 6, ipad, and responsive views.

Attachments:

You must be logged in to view attached files.

[rinda]

Hi – just checking in to see if you were able to find a solution yet.

[Laura]

Hello, sorry for the delay, as you replied to yur own post, the ticket was moved down on queue.
About the issue, how did you add the second text? As its not something default of the theme so its normal that its not responsive.
Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

This reply has been set as private.

[Laura]

Hello, i see, can you share ftp so i can edit it? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

This reply has been set as private.

[Laura]

Hello, should be fixed, just add this css to style.css

COPY CODE

strong.logo a {
    font-size: 32px !important;
    margin-bottom: -13%;
    margin-left: 5%;
}

I moved the span code inside the of the logo so they are in the same container and edited a bit the style so it looks like this

COPY CODE

	<span style="clear: both;margin-top: -5% !important;font-size: 24px !important;"><?php echo get_bloginfo ( 'description' ); ?></span>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

This reply has been set as private.

[Laura]

Hello, i cant see your website let me know

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

This reply has been set as private.

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

@media (max-width: 991px) {
.logo a {
    text-align: center !important;
}
strong.logo {
    width: 80%;
}
strong.logo a {
    font-size: 24px !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

This reply has been set as private.

[Laura]

Hello, i suggest to delete the css and hire a developer to do the changes for you as right now we support theme related issues and small css fixes, as this would require more time and development i can’t continue to offer custom requests as there are other issues on queue. Please let me know if you need anything else 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rinda]

ok, no problem. Thanks for your help.

[Laura]

Let me know if you need anything else 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts