CSS Code Change for Sydney Services Types A & B

Home Forums Bistro CSS Code Change for Sydney Services Types A & B

This topic contains 16 replies, has 5 voices, and was last updated by  Awan 3 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #377136

    connor_nz
    Participant

    Hi all, I’m a newbie

    I’ve searched for almost 2 hours for CSS code to change the sites of the services displaying on the widget. I want to change the grey to a white and increase font size. URL: http://hausofmixology.nz/what-we-offer/
    The title is smaller than the body. 4 x Packages CSS code and “What We Offer” CSS code

    Would be saving my butt. Can someone help me out?

    Thanks!

    #378650

    Awan
    Moderator

    Hi,

    Please try the css code below:

    – Change the color and font size of widget title:

    #pgc-21-0-0 .widget-title {
        color: #FFF;
        font-size: 40px;
    }

    – Change the color and font size of the subtitle:

    #pgc-21-0-0 .content h3 {
        color: #fff;
        font-size: 22px;
    }
    #378655

    connor_nz
    Participant

    Hi Awan

    Perfect. First code segment worked perfectly check the link – http://hausofmixology.nz/what-we-offer/

    However the h3 didn’t work. I couldn’t work it out. I’ve tried all the different h3 tags to change colour (for starters without changing front size) but still nothing.

    Thanks n advance,
    C

    #378684

    Awan
    Moderator

    Hi,

    Great! its working 🙂
    And I noticed that the h3 is working also, previously the h3 has a grey color and the font size is small.

    #714243

    manojpatel77
    Participant

    Hi I am using Sydney FP: Services type B widget on this page: http://www.smarthomebuyer.co.nz/building-inspectors/.

    The gap between the items is large. Can I reduce the margin/gap/white space?
    i.e. the gap between the items:

    Property Lawyer

    Mortgage Broker

    Property Valuer

    Building Inspection

    Thanks very much

    #715664

    Awan
    Moderator

    Hi @manojpatel77

    You can use this CSS code to reduce the gap:

    .widget_sydney_services_type_b .service, .roll-icon-list .list-item {
        margin-bottom: 0;
    }

    you can put the code to: customize > additional css.

    Regards,
    Awan

    #716881

    manojpatel77
    Participant

    Thanks that worked perfectly. Thanks.

    Is there also a way to reduce the gap between the above header (Text widget) and the ‘Sydney FP: Services type B’ widget?

    e.g.
    -> on this page:
    the gap between: “AUCKLAND” and “Property Lawyer”?

    I only want to reduce this gap. I don’t want to reduce the gap on top of the text widget.

    Thanks, Manoj

    #716882

    manojpatel77
    Participant

    Opps I forgot the link in the previous message. It should read…

    Thanks that worked perfectly. Thanks.

    Is there also a way to reduce the gap between the above header (Text widget) and the ‘Sydney FP: Services type B’ widget?

    e.g.
    -> on this page: http://www.smarthomebuyer.co.nz/building-inspectors/
    the gap between: “AUCKLAND” and “Property Lawyer”?

    I only want to reduce this gap. I don’t want to reduce the gap on top of the text widget.

    Thanks, Manoj

    #717684

    Awan
    Moderator

    Hi Manoj,

    I can’t access your page (http://www.smarthomebuyer.co.nz/building-inspectors/), do you remove it?

    Regards,
    Awan

    #717692

    manojpatel77
    Participant

    Hi Awan,
    Yes I changed the site sorry.
    The problem can be found in this page : http://www.smarthomebuyer.co.nz/building-inspection/

    Refer to the Gap between ‘Auckland’ and ‘check first house’. Can this gap be reduced?

    Thanks Manoj

    #717701

    Awan
    Moderator

    Oh I see… you can use this CSS code then:

    .panel-grid-cell .widget-title {
        margin-bottom: 5px;
    }
    #791606

    jchristoforo
    Participant

    Hello,

    I am also a newbie. I am trying to change the font color for the Services text on the Sydney theme. Any help would be greatly appreciated!

    Thank you,
    James

    #792162

    Awan
    Moderator

    Hi @jchristoforo,

    Please create new post in Sydney Forum instead.

    Regards,
    Awan

    #976385

    kbrickster
    Participant

    I would like to Change the Title and Body text size (not the widget Title) for Services B – I have tried using a variation on the CSS for increasing the size of the Title in Services A with no luck. And in regards to Service B, I have kept your demo content and I am using the Origin Image to the Right of the Services B section. Is there any way to center the image upon the height of the Services B section to its left?

    #977534

    Awan
    Moderator

    Hi @kbrickster,

    Please try these CSS code instead:

    .widget_sydney_services_type_b .widget-title {
        font-size: 28px;
    }
    .widget_sydney_services_type_b .content h3 {
        font-size: 16px;
    }
    .widget_sydney_services_type_b .content p{
        font-size: 14px;
    }

    Feel free to adjust the value of the font-size on code in above.

    Regards,
    Awan

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.