Jump to content

Archived

This topic is now archived and is closed to further replies.

Pankaj32

Change Title font type and Size

Recommended Posts

Pankaj32    1
Pankaj32

Hello, I had scanned through the forum and looks like my question has already been answered in a few threads already but I could not get any of those solutions to work for me. So please bear with me.

I bought the "business branding section" and now I need to change the title of the font (oswald) and size too. Please let me know what code can I use to achieve this and where exactly am I suppose to paste this code. I had tried to experiment with various codes provided in other threads but none of them seem to make a different after refreshing. 

 

Share this post


Link to post
Share on other sites
Pankaj32    1
Pankaj32

Hello ellenmva can you please help me with this. I am wondering if its it possible to change the font style and size of the title and site description with "business branding" 

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

Pankaj32 Sorry for the delay getting back to you, been sick this past week. Yes, you can change the font and size of of the title and site description.

 

In the Custom Tab --> Custom LESS/CSS area put this code:

#page .section-business-branding {
	.bb-site-title {
  		font-family: 'Oswald', sans-serif;
  		font-size: 20px; /* put your font size */
  	}
  	.bb-site-description {
  		font-family: 'Oswald', sans-serif;
  		font-size: 14px; /* put your font size */
  	}
}

One note, if Oswald is the Header Font you selected in Site Options then you can replace the font-family with font-family: @plHeaderFont; (that picks up the header font from options).

 

Let me know if that works for you.

 

Best,

 

Ellen


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
Pankaj32    1
Pankaj32

Hello ellenmva Thanks for picking this up. I hope you are well now.

I pasted the code but nothing changed. Am I suppose to change anything other than the desired font size e.g (20px or 30px etc) before pasting this code? What I need is the title in Oswald/Georgia font with 25px font and the description in 15px size

And, I have not selected anything in the site options for the header font. Can you please tell me what I might be doing wrong here. Thanks, Pankaj

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

Pankaj32 Do you have a link for me to look at the site. Also, is Oswald a Google Font? The PageLines Pro plugin (should be at https://www.pagelines.com/my-account/). After you install it there is a menu item for PageLines Pro in wp-admin. Click on that and then check the option to Load All Google Fonts.

 

Also, make sure on the code that you got the last closing } and the code is in the Custom --> Custom Less/CSS box.

 

Where the code has font-size change it to desired size, you can do that in the Custom Less/CSS Box. Also, make sure it saves (click your cursor outside the box are so you see Saving in the DMS Toolbar.

 

Best,

 

Ellen


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
Pankaj32    1
Pankaj32

ellenmva I am just playing with a domain before actually applying things on my main website. I have the DMS pro tools enabled for google fonts too.  Not sure if oswald is a google font though but I tried with other regular fonts too however nothing is changing after I update. I am sending you my log in credentials to you at ellenATellensueDOTcom, please take a look when you get a chance. Thanks, Pankaj

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

This is the final code that worked.

.page .section-business-branding {
	.home.bb-site-title {
  		font-family: 'Oswald', sans-serif;
  		font-size: 40px; /* put your font size */
  	}
  	.bb-site-description {
  		font-family: 'Oswald', sans-serif;
  		font-size: 14px; /* put your font size */
  	}
}
  • Like 1

Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites

  • Similar Content

    • Pankaj32
      By Pankaj32
      Hello, my site is looks fine in google chrome however the fonts sizes appear bigger in IE and fire fox. I am using the IE 11 and latest version in mozilla fire fox too. Many sections are also displaying default DMS items in place of whats is actually added in them.
      The site's url  is delhirealestateguy.com . Would appreciate if someone can take a look and advice. Regards, 
    • scswraps
      By scswraps
      Looking to add text links directly below the primary logo on the Business Branding section, is this possible using hooks?
      Thank you.
    • sersanet
      By sersanet
      Hello Ellen,
       
      I have just installed the business branding plugin to a new site for a customer..
      www-marbellawordpress.com
       
      For some reason i cannot seem to get the text to appear that has been added to the business branding section, additional business information.
       
      Please would you see your way to helping with this problem.
       
       
      Kind regards..
    • radroz
      By radroz
      Hey Ellen, what would it take to add Pinterest to the Business Branding options?
    • trisquelmedia
      By trisquelmedia
      Hi:
       
      Plugin Woocommerce for Pagelines breaks with woocommerce 2.1 , will be updated?
       
      Regards
×