Mobile single post title Typography

This topic is: Resolved

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!

Tagged: 

This topic contains 16 replies, has 3 voices, and was last updated by  Erick 1 year, 9 months ago.

  • Author
    Posts
  • #6169

    Erick
    Member
    Post count: 1018

    I want to make the mobile single post title bigger that it currently is but I don’t seem to find the option on the typography section. Also I will like center the titles both mobile and desktop.

  • #6237

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6265

    Erick
    Member
    Post count: 1018

    PERFECTO! Maxxi I think I might marry you one of this days lol

    Also I was hoping to do the same on the homepage and to the sidebars as well. basically center everything both desktop and mobile.

  • #6330

    Jacob
    Staff
    Post count: 2323

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6338

    Erick
    Member
    Post count: 1018

    No, it didnt do anything jacob.

  • #6354

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6374

    Erick
    Member
    Post count: 1018

    nope still didnt work. Ill add my credentials in case you guys want to take a quicky.

  • #6375

    Erick
    Member
    Post count: 1018
    This reply has been marked as private.
  • #6378

    Erick
    Member
    Post count: 1018

    Its very weird actually cuz every single change I make to the Custom Css does change the way it looks on smaller screens but not bigger. I really have no idea what is going on.

    I cleared all cache so that cannot be the issue since I can see other changes and my IP is whitelisted from maxcdn and also from w3 cache.

  • #6380

    Erick
    Member
    Post count: 1018

    Sorry I forgot to specify in the comment above that the code you gave me does work but it only changes the look on smaller screens. However It doesn’t change on bigger screen.

  • #6389

    Erick
    Member
    Post count: 1018

    Here are some pictures of what I am talking about..

    example 1 (how hero banner looks on desktop)
    https://www.dropbox.com/s/rynzoqs6eymybjn/Screenshot%202015-01-24%20at%2012.48.23%20AM.png?dl=0

    (how hero banner looks on mobile)
    https://www.dropbox.com/s/wrxc18oh8ksoeft/Screenshot%202015-01-24%20at%2012.48.29%20AM.png?dl=0

    (how author picture looks on desktop)
    example 2
    https://www.dropbox.com/s/ww13gslt1l45c34/Screenshot%202015-01-24%20at%2012.48.37%20AM.png?dl=0

    (how author picture looks on mobile)
    https://www.dropbox.com/s/ww13gslt1l45c34/Screenshot%202015-01-24%20at%2012.48.37%20AM.png?dl=0

    In the next picture I was wondering if there is a way to center the titles on the sidebar. The code did center the text in the sidebar (which I didn’t want) but it did nothing to the titles
    Is there a way to do the opposite?

    Basically this is how I want it.
    sidebar: titles center; texts to the left. Hero banner: center text; no comments; show dates.
    Post section: Titles center and a bit bigger. Post meta info author picture: bigger. Thats it.

    (example of titles to the left and text center in sidebar)
    https://www.dropbox.com/s/zt2nt9idwx5ocq1/Screenshot%202015-01-24%20at%2012.49.04%20AM.png?dl=0

  • #6420

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6639

    Erick
    Member
    Post count: 1018

    I want the next code to work also on desktops

    .widget-area .widget-title,
    #site-hero h2.entry-title{
    	text-align: center;
    }

    This one didnt do anything

    .site-content article .entry-title a{
    	font-size: 110%;
    }
  • #6658

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6869

    Erick
    Member
    Post count: 1018

    It everything is good now!

    thank you maxxi

  • #6970

    Erick
    Member
    Post count: 1018

    The only thing I need is to center the titles in the sidebars widgets for desktops

    .widget-area .widget-title,
    	#site-hero h2.entry-title{
    		text-align: center !important;
    	}

    this didnt seem to work even though I already fix the code (thanks jacob for that)

    btw the next code did work awesome

    html body .entry-title{ text-align:center; }

    btw i notice that the only codes that seem to work to change how desktops are display are the ones that start with .html

  • #6972

    Erick
    Member
    Post count: 1018

    never mind I fixed it with the next code

    .widget-area .widget-title,
    	#site-hero h2.entry-title{
    		text-align: center;
    	}

    thank you maxxi for your teachings here

    Custom Css Not Changing Desktop

You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!