[Nate SParticipant]

http://www.cre8ivebusiness.com
Wordpress 4.0
X Theme V1.7.5

Hi X Team,
I have a few questions for you.

1) How can we change the size of the blog post titles, without changing the size of the content typography on the customizer?

2) Can we have the blog post be inside of the featured image? If so how can we do this?

3) How can we change the color of the icons on an icon list item, without changing the color of the list items text?

4) Also how can we add space between the list items?

Thank you so much for your time!

[Paul RModerator]

Hi Nate,

The version of X theme yo are using is too old.

Kindly update theme and plugins.

http://theme.co/x/member/kb/updating-your-theme-and-plugins/

To answer your questions.

1. To change title font size

You can add this under Custom > CSS in the Customizer.

.entry-title a {
    font-size:20px;
}

2. I am not sure if I understand you correctly. Do you mean make the featured image as background for the title and excerpt?
Would you mind providing an image of how it should look.

3. Icon color

You can add this under Custom > CSS in the Customizer.

.x-ul-icons li [class^="x-icon-"], 
.x-ul-icons li [class*=" x-icon-"] {
     color:red;
}

4. space between icon list items

.x-ul-icons li {
    padding-bottom: 30px;
}

Please change the values(red, 30px) to achieve the color and spacing that you want.

Thanks

[Nate SParticipant]

Hey guys thank you so much for your quick response.
I upgraded the theme and plugins, which was long over due 🙂

I used the code you gave me for the blog post title, and it worked great.

Is there anyway to adjust the size or center the text of a posts page title? Or is there a way to completely remove the title from a post page?

[Nabeel AModerator]

Hey Nate,

If you want to completely remove the posts page titles, you can use custom CSS to do this. Just add this CSS code via Appearance > Customize > Custom > CSS:

.entry-title {
display: none !important;
}

Or you can also adjust the size of the font. In this case use this code instead:

.entry-title {
font-size: 150%;
text-align: center;
}

This will also center the title. Let us know how this goes!

[Nate SParticipant]

Hey Guys thank you for your help! Everything worked perfect.

I have one more question. For some reason my home page cre8ivebusiness.com is showing a line on one of the parallax images.
I have tried several different things and even tried rebuilding the page from scratch and it is still there, and if I remove that image section the line moves to a different one if that makes since 🙂

Please see the attached image. (See Red Arrow)

[Nate SParticipant]

Sorry the image didn’t add. Here is the link

https://www.dropbox.com/s/mby5r8ox3r6bzcg/Cre8ive-Screenshot.jpg?dl=0

[Nabeel AModerator]

Hey Nate,

To remove the line, please add the following CSS code via Appearance > Customize > Custom > CSS:

#x-content-band-4 {
position: relative !important;
}

Let us know how this goes!

[Nate SParticipant]

Thank you for your quick response. I added the code but the line is still there 🙁
Also please see attached photo. Is there anyway top offset the static menu bar to fit also my static notification bar?

[Kosher KMember]

Hi Nate,

I can find the CSS code above in your Customizer CSS,

Can you please try adding it so I can see and see how it works.

I’ve also seen this from your Customizer CSS

.blog {
background: url('http://www.cre8ivebusiness.com/wp-content/uploads/2014/08/xwearecre8ive.jpg.pagespeed.ic.gPlSTUh08v.jpg') center top no-repeat;
background-size: cover;
background-attachment: fixed;

make sure to have a closing bracket for each style element, it should be;

.blog {
background: url('http://www.cre8ivebusiness.com/wp-content/uploads/2014/08/xwearecre8ive.jpg.pagespeed.ic.gPlSTUh08v.jpg') center top no-repeat;
background-size: cover;
background-attachment: fixed;
}

Hope that helps

[Nate SParticipant]

Aha got it now. It didn’t work because the previous code you pointed out that didn’t have a closing bracket.
Thank you so much.

Also I forgot to add the last picture: http://www.dropbox.com/s/mby5r8ox3r6bzcg/Cre8ive-Screenshot.jpg?dl=0

Can you help me offset the nav bar so it fits with the notification bar?

[Nabeel AModerator]

Hi Nate,

I am not able to see the notification bar. Is it disabled? For the line issue if still haven’t fixed you can add the inline CSS position: relative !important; in x-content-band-4 options.

[Nate SParticipant]

Ok sorry had to delete my cache. The line is fixed, and you can now see the notification bar I am talking about at http://www.cre8ivebusiness.com

[Nabeel AModerator]

Hey Nate,

For the navigation bar, add this code via Customizer:

.x-navbar-fixed-top {
top: 36px !important;
}

Let us know if this fixes the issue!

[Nate SParticipant]

Awesome you guys are great it worked perfect. Thank you so much!

I have one last question. Our website loads strange on Google Chrome and loads the lower part of the home page first than later loads the top Rev Slider Header.

Is there anyway to set it so it will not do that, and only load the Rev Slider Header first?

See Pic (How it first loads on Google Chrome with Fast Internet Speed)

https://www.dropbox.com/s/xd8v69vd537k9ce/Screen%20Shot%202014-09-25%20at%206.50.05%20PM.png?dl=0

[RadModerator]

Hi Nate,

I think that is browser’s behavior we don’t have control. You could try lazy loading option under General Settings of your Rev. Slider.

Or add this code at your customizer’s custom javascrtipt.

jQuery(function($){

$('body').css({ visibility: 'hidden' });

setTimeout(function(){

$('body').css({ visibility: 'visible' });

}, 2000 );

});

Though, it’s not 100% sure if will work.

Thanks.

[Author]

Posts