TibbyWeb

That’s awesome! ??

You’re welcome! ??

You’re welcome!

Hi,

Try this CSS:

.carousel-caption {
    background: rgba(0,0,0,.5);
}

Increase/decrease .5 value to make it darker/lighter.

TibbyWeb

Hi,

It seems that they’re using opacity to hide the description. Thus try to turn it on:

.portfolio_item .portfoliolink {
  opacity: 1;
}

TibbyWeb

Hi,

If you would like to remove just “For Reservation Call : 1.888.222.5847”, try this CSS:

.call_us {
  display: none;
}

To also remove the whole green container, use this CSS instead:

.footer_top_container {
  display: none;
}

Hope it helps,

TibbyWeb

Glad it helped ??

Hi,

You can achieve it by injecting a bit of jQuery code:

jQuery(document).ready(function( $ ){
   $("<a href='https://www.yoursite3327.com/'><img src='https://www.yoursite3327.com/yourimage.png'></a>").prependTo(".site-branding");
});

Replace https://www.yoursite3327.com/ with an address of your website

and https://www.yoursite3327.com/yourimage.png with an url of your logo.

Let me know if you need help with finding your logo’s url or how to inject the jQuery code.

TibbyWeb

• This reply was modified 8 years, 1 month ago by TibbyWeb.

Re: removing the leaf

Hi,

You can remove the leaf (and add a bottom line) by adding this CSS:

body.season-spring h1 {
    background-image: none;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

Explanation:

background-image: none; – Removes leaf (together with the lines since the lines and the leaf form one image).

border-bottom: 1px solid; – For adding the bottom line. You can control the thickness of the line by changing the 1px value.

padding-bottom: 20px; – It’s the space between the header text and the line. You can increase/decrease it by changing the 20px value.

It doesn’t seem that the theme has any option to insert the CSS code; thus let me know if you need help with that.

TibbyWeb

Re: font size

The titles of widgets are wrapped in H3 headings; thus you should be able to change the font size under Typography / H3 Headings.

Hope it helps!

TibbyWeb

Hi,

Re: color

Try to force the white color by adding this code under “Advanced Settings”

.contentclass p {
    color: white!important;
}

It’ll change many elements on the page (or not everything you need); thus let me know if you need any adjustments.

TibbyWeb

Hi,

I tried the stacking icons method, but it doesn’t look any nicer – I had to make the size of the circle bigger than the envelope and as a result the circle became thick, like here:
https://www.tiikoni.com/tis/view/?id=361bebb

Maybe better would be to install some other icon pack with an envelope and a circle as a single icon.

If you install it, let me know, and I’ll try to figure out what code to provide to add it before the menu item.

Cheers!

TibbyWeb

Hi,

I just fund this:

“Common fonts like Arial, Helvetica, Georgia, etc. do not have weights other than 400 and 700.”

from https://css-tricks.com/almanac/properties/f/font-weight/.

Thus, maybe try 700?

TibbyWeb

Hi,

Do you still need help with that topic?

BTW, to make the font italic use “font-style” font-style: italic; instead of “text-transform”.

Cheers!

TibbyWeb

Hi,

I’m not sure if you still need help with this, but here is a solution:

So instead of stacking icons probably it would be easier to add a rounded border.

Try this code (of course change #menu-item-4783 number to the one on your page):

#menu-item-4783 a:before {
  border: 1px solid #333333;
  padding: 5px;
  border-radius: 50%;
}

Increase the padding if you would like to make the circle larger.
To make the border ticker change border: 1px to 2px.

Let me know if it helped,

Cheers!

TibbyWeb