ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Joyn
• June 8, 2015 at 6:11 am #182199
  Merrlol

  Member

  Post count: 18

  I have a problem whereby on the mobile version of my website it’s not displaying as I’d like. Is there a way that I can manually edit just the mobile theme?

  For example, where I have the four headings that appear under the header on the website they don’t appear right on mobile. Logically I would prefer it to appear like (heading1, image1, button1, heading2, image2, button2… etc) it appears like (heading1, heading2, image1, image2, button1, button2…) as if it’s reading the elements left to right.

  I’m wondering if there’s a way I can manually change this?

  —–

  Unrelated questions:
  1) How can I change the heading text colour of the social grid gallery to white?

  2) How can I increase the font size of the promo bar beyond what is the current maxiumum?

  Thank you!

  June 8, 2015 at 7:56 am #182229
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Yes, elements are in order left to right, row to row. To group them columns together you need to put them in a column asset, found under the layout tab

  —

  1) Should already be white, in the colour customiser check the option for ‘bold recent post hover’

  2) Add this to your custom css:

  .sf-promo-bar p {
    font-size: 28px;
  }

  – Kyle

  June 16, 2015 at 7:12 am #184849
  Merrlol

  Member

  Post count: 18

  I can change the colour of the heading by altering the H2 or H3 colour to white, however doing that then affects the rest of the site and makes all H2 headings on white backgrounds illegible.

  Is there a way that I could tell it to only change the headings to white on THAT page? Or just for the social media box?

  June 16, 2015 at 7:44 am #184860
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-
  /*you need to change the page id 9 to with your desire page id*/

  .page-id-9 h1,.page-id-9 h2,.page-id-9 h3,.page-id-9 h4,.page-id-9 h6,.page-id-9 h6{
  color:#fff !important;
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Joyn