[Helen HParticipant]

A few queries please:

1) Sidebar background – I have set a background image but would like the content within width of the page to have a continuous white background going from left to right – at the moment the sidebar is showing the background image

2) Menu logo – how do I get this to left align? If I put the actual width of the uploaded image in the ‘logo width (px)’ field it shrinks the image, so have left that blank for the moment.

3) Submenu font size – I’ve tried increasing the submenu font size with code found in the forum (placed in css) but not working…
}
.x-navbar .sub-menu { font-size: 14px; }

4) Default header sizes – what are the default font sizes in X of H1, H2, H3, H4? I have adjusted but not sure I’ve got right so just wanted to understand the default sizes

5) Using icons – I’d like to see what it looks like to add a heart icon next to the ‘Love the Water Together’ heading on the home page – I put it into the text box but not showing.

I also tried to add quote-left icon before the quotes on the home page (which are to the middle right on the home page) but they’re not showing too.

I have managed to get a camera icon to show on the home page – I’d like the text to be alongside it but it goes on the next line (it’s also shown as black text which then has a hover over colour of red – not sure where this came from as not my link and hover over colours)

Thank you very much for your assistance.

website:www.joyfuldolphinswim.com
latest versions of wordpress, theme and plugin

[MrinalMember]

Hi Helen,

Add the following CSS via Customizer > Custom:

1) Upload your image & then paste it’s into “” of url below:

.x-sidebar {
    background: url("") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

2) To make align left use the following CSS:

.x-logobar {
    text-align: left !important;
}

3) To apply the CSS you need to target exact element, Submenus are using tag for, so perfect CSS:

.x-navbar .sub-menu a {
    font-size: 14px !important;
}

4) Heading font sizes depend on stack, current stack CSS styling can be found from here: http://www.joyfuldolphinswim.com/wp-content/themes/x/framework/css/site/stacks/integrity-light.css

Below the default sizes are mentioned

h1, .h1 {
    font-size: 400%;
}
h2, .h2 {
    font-size: 285.7%;
}
h3, .h3 {
    font-size: 228.5%;
}
h4, .h4 {
    font-size: 171.4%;
}
h5, .h5 {
    font-size: 150%;
}
h6, .h6 {
    font-size: 100%;
}

5) Use icon shortcode: http://theme.co/x/demo/integrity/1/shortcodes/icons/
<h1>[icon type="heart"]Love the Water Together<h1>

[Helen HParticipant]

This reply has been marked as private.

[Kosher KMember]

Hi Helen,

You can add the code below in Customizer -> Custom -> CSS

white background for content and sidebar.

.x-container-fluid {
background-color: #fff;
}

change social icon bar background

.x-topbar {
background-color: red;
}

Hope that helps. 🙂

[Helen HParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey Helen,

1. Please see http://theme.co/x/member/kb/performance/

2. That is because you placed CSS code in functions.php which is wrong. CSS should be placed in Customizer > Custom > CSS

Thanks.

[Helen HParticipant]

This reply has been marked as private.

[Helen HParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Helen,

#1: I’m not quite certain about what is it that you want to achieve. If it is to show the header/logo text instead of the image then yes you can simply remove the logo image from the customizer and it will show the header text instead of the image (see: http://prntscr.com/439v36)

#2: To add a spacing to the right of the sidebar you can simply add the following CSS code to Customizer > Custom > CSS:

.x-sidebar {
   padding-right: 40px;
}

Hope this helps. 🙂

Thank you.

[Helen HParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey Helen,

Upon checking, we don’t experience this issue in your site. Can you give us a quick screencast of the problem?

Thanks.

[Author]

Posts