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.

[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

[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.

[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

[rinda]

Hi, I followed the directions from this link by one of your moderators sharmstr: https://archived.seventhqueen.com/forums/topic/tagline#post-73911

Since I moved my website to a different host over the weekend, please use this link to see the tag line issue:
http://topparentpicks.com/product/avent-soothie-pacifier/

My login info is below since my website is on maintenance mode:
topparentpicks.com/wp-admin
ID: TPP-admin
PW: Hongkong1

[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

[rinda]

Here is my FTP login:

Host: us16.siteground.us
ID: topparen
PW: Hongkong1
Port: 21

Also – can you let me know what you fixed (you can either add comment to the code or let me know too in case I need to tweak font sizes/color later).

Thank you so much!

[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

[rinda]

Can you also help center the tag line “Real Parents. Real Reviews?” Right now it is not centered correctly (see screenshot attached).

I think it’s a bit better but it’s still not responsive on different devices. When I view this on any mobile device, the tag line disappears (see screenshots).

For iphone 5 and galaxy s5, the TITLE display is off in the screenshots attached.
For any mobile device – the tag line disappears completely.

[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

[rinda]

That’s because it’s still in maintenance mode and not live yet. I provided my login credentials in the original request but here it is again.

My login info is below since my website is on maintenance mode:
topparentpicks.com/wp-admin
ID: TPP-admin
PW: Hongkong1

[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

[rinda]

It’s not working. 🙁

Everything is off now and the responsiveness stopped working. Please see screenshots.

My login info is below since my website is on maintenance mode:
topparentpicks.com/wp-admin
ID: TPP-admin
PW: Hongkong1

Here is my FTP login:

Host: us16.siteground.us
ID: topparen
PW: Hongkong1
Port: 21

[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

[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

[Author]

Posts