TouchCoding.net - ?yvind S?ther

Hi Akroe!
The css might not be applied because it is define multiply places. The theme is responsive, which means the size of the post title changes based on the size of the user’s screen.

Here is the css code that is applied to the post title at the moment:

@media screen and (min-width: 61.5625em)
.entry-title {
    font-size: 40px;
    font-size: 2.5rem;
}

@media screen and (min-width: 44.375em)
.entry-title {
    font-size: 33px;
    font-size: 2.0625rem;
}
.entry-title {
    font-size: 28px;
    font-size: 1.75rem;
}

Try changing these to your liking. If this does not help, you could use the command “!important” at the end of a rule. This will make that rule overwrite all other. Be careful when you are using this however. Like this:

font-size: 48px !important;

Hi Jardster!
You are asking the same question as Juliaalice95 did. Here is the css:

.current-menu-item .sub-menu {
    display:inherit;
}

.sub-menu {
    display: none;
}

Hi there coza86! ??
If you are a beginner with WordPress, I would suggest downloading a custom css plugin and paste the code into that. If you are more advanced, you could use a child theme and paste the code into the style.css.

Hope that helped you out ??

If you don’t have experience with css I would recommend just using a custom css plugin. That is the easiest way. The stylesheet is in your child theme folder. Do not edit the stylesheet in your parent theme, just the child theme.

Hi there Andremik90!
You can hide the mobile navbar easily with this css:

.menu-toggle {
    display: none;
}

Remember to use a custom css plugin or a child theme when using css.

Hi there Veganadvocate!
If I understand you right you want to increase the space between the nav menu and the site title. This can be done by adding some padding with css, like this:

.food-clear {
    padding-left: 1% !important;
}

Add this to your child theme stylesheet or a custom css plugin.

I hope that this was what you were after ??

I can’t really help you with just knowing the html. You need to use display: inline and “float” left and right.

What theme do you use? And where did you get this code?

Hi there Rh7783!
It looks like your picture is too big, so you need to limit it with css.

Try this in your custom css plugin or child theme stylesheet:

.featured_image img {
    display: inline;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

Hi there Aloha1010110!
Can you please share a link to your site?

If you keep the Montserrat font nothing will change… If you want to change it choose another font. The way the font-family work is that if the first one is available it will use that. If not, it will use number 2 or the one that is available. You have backups for your fonts.

Which font do you want to use?

Hi there Manuel144!
You can easily change this by using the z-index. The z-index property specifies the stack order of an element. The element with the highest z-index value will be in the front.

Try this code:

#masthead {
    z-index: 15;
}

Hi there Babypuk!
Try this css and change the color values to what you want, if some of them isn’t right.

.sidebar-footer .widget a {
    color: #FFF;
}

.sidebar-footer {
    background-color: #111;
}

.site-info {
    background-color: #111;
}

.nav-container.top-navigation {
    background-color: #fff;
}

.sg-site-header-1 {
    background-color: #FFF;
}

Add this code to your child theme stylesheet or a custom css plugin.

That’s great! Let me know if there is anything else you need help with. I’ll be right here ??

Hi there Morgoth81!
You can easily change the font and font size with some css.

#nav-main ul.sf-menu a {
    font-family: Lato;
    font-size: 18px;
}

Change “Lato” and “18px” to what you want. Play around with it until it is just the way you want it to be.

Hi there AndKel! ??
You can do this two ways. Either edit the header.php or use custom css.

Try this css code:

form.search-form {
    display: none;
}

Let me know if this was what you wanted. ??