traxt

Oh, what luck. I’ll try to look for other options, but as far as I know, the theme does not currently support customizing nor easily overwriting the preset blog page it has.

I believe the same solution applies. ??

Please use Simple CSS. Empty whatever you have in Maskitto Light Options > General > CSS Code. Copy the CSS I provided into Appearance > Simple CSS.

Let me know if it works!

Would this be correct? If so, apply this CSS to the unaltered theme:

nav.navbar-default {
    height: 20px;
}

.navbar-nav .menu-item a {
    padding: 12px 5px;
}

header.sticky .menu-item a {
    padding: 12px 5px;
}

The below was applied to the base, unmodified theme. You should restore the original CSS files you altered otherwise I cannot guarantee the result you seek.

footer.bottom {
   padding: 0px 0 0px 0!important;
}

.thank-you-for-your-support {
  visibility: hidden;
}

.thank-you-for-your-support:after {
  visibility: visible;
  position: absolute;
  text-align: left;
  left: 1%;
  content: "Your Text Here";
}

Set your desired text as the value for content instead of using Footer Text. My method is not as elegant as it could be CSS-wise, but it’s the easiest solution to apply in my opinion as you won’t deal with modifying footer.php.

That aside, you will notice that the original footer text no longer appears and is completely replaced. From what I’ve read in the forums, Shufflehound (the theme’s author) requests for credit in some form. You may want to keep that in mind when you apply this.

By “blog site” did you mean this section? If so, you would have to edit the core PHP file for that page, which can be daunting if you have no prior experience. That, or you can use widgets like Improved Include Page. I have not tested the widget myself, so if you run into problems with it, I may not be able to assist.

Great! You may want to mark your topic as resolved (see the right side of this page) now.

What’s the height you chose?

Like this?

Use the widget called Maskitto: Blog. It will display your posts and you can configure how many of them you want shown. So, if I’m getting it right, your setup would kind of look like this.

This managed to work for me, but you might want to check your other pages, too, since it may affect them. Change the dimensions to whatever works for you.

1. On the dashboard pane, hover to Settings > Page Builder.
2. Go to the Layout tab.
3. Check Use Tablet Layout.
4. Change Tablet Width to 780, or whatever breakpoint you think suits tablets in portrait mode.
5. Similarly, change Mobile Width to a size smaller than the one above. Mine is set to 700.
6. Click Save Settings.

Here is a good reference for screen sizes.

For the navbar:

nav.navbar-default {
    height: 101px;
}

The dimension you see now is 101px, so just change the indicated value to make it bigger or smaller depending on what you want. Do know that the menu elements (the links and the logo) won’t automatically resize themselves so you’d want to consider that before changing this.

For the social bar:

.header-details {
    height: 56px;
}

Similarly, that’s the default, and applying that won’t resize the other elements either.

As long as you’ve imported the XML file mentioned here (Getting Started) the functionality should be there. Is it visible on your end?

This appears to be the only difference:

footer.bottom {
	background: #565656;
	padding: 30px 0;
	text-align: center;
}

Tell you what, how do you want the footer to look like? I can try to do that on my end instead and give you the CSS for it if successful.

I’m glad you’ve gotten it fixed! Although on my end that option doesn’t seem to affect anything (weird, huh). At any rate, you may want to mark your topic as resolved (see the right side of this page) now.