Rough Pixels

Forum Replies Created

Viewing 15 replies - 16 through 30 (of 204 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    Ah, Try this

    @media (min-width: 992px){
.page-id-36 .sticky-nav .topnav {
   left: 0;
}
}
    Theme Author Rough Pixels

    (@roughpixels)

    Nice job figuring out what works for you with your modifications, including using vh.

    For the Menu. I noticed your menu has:

    #menu-main-menu {
    justify-content: left !important;
}

    I would recommend removing that and then your menu will stay centered.

    I’m not quite sure what you are referring to with the top menu being half width of the page and off-centered; this is why I suggest removing that code you did above with the justify-content: left;

    Theme Author Rough Pixels

    (@roughpixels)

    Well this was unfortunate; I just typed out a really long reply with example code the something happened to the forum here and lost it all, so I will try to replicated it–perhaps a shorter version.

    For the background image in your side column getting cut off, this is going to be a bit challenging because of your image using 4 images and text on it. But the only solution I can think of is that the background image will have to be contained instead of cover. Basically, this means that regardless of window size, the whole image will maintain its full view and aspect ratio.

    In your Customizer’s Additional CSS tab, add this:

    
@media (min-width: 1860px) {

.sidecolumn {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

}

    For your hiding of the side column for a particular page, it won’t be perfect, but you can try this CSS code as well:

    .page-id-199 .sidecolumn {
	display: none;
}

@media (min-width: 992px) {
.page-id-199 .site-content, .page-id-199 .site-footer {
    margin-left: 0;
    /* overflow: hidden; */
    word-wrap: break-word;
}
}

    You will need to find your page/post’s ID number, either by looking at the page source code on the <body> tag or going to your pages or posts in the admin, hover over the title and look at the bottom of your browser window for the ID#. Append that to the class “page-id-” (if it’s a page) or for posts, the class would be “postid-“

    Best Regards,
    Andre

    I think I might have a solution for you. Copy and paste this code into your Customizer’s Additional CSS tab:

    .site-header .container {
    display: flex;
}
.header-right-wrapper {
    margin-left: auto;
}

    Try that and see if it works for you. The other option, of course, is to post this issue to the OnePress theme’s support here at WordPress.

    Best Regards,
    Andre [roughpixels.com]

    Greetings! Were you able to solve this? I just went to your website and in a smaller mobile sized window (including my phone), it seems to not have the extra spacing.

    **Oops! I spoke too soon; I went back to your website to look at it again. I’ll see if I can figure this out.

    Regards,
    Andre

    Theme Author Rough Pixels

    (@roughpixels)

    Greetings! First, I can definitely see this theme being ideal for authors.

    Regarding your customized ideas:

    (1) For the first one, it sounds like you want to have a carousel-type image setup or an image rotator. I’m thinking the only way to do this is to create a child theme, and then in that particular area, use the slider or gallery code. This would end up being global on all pages, though.

    (2) For the padding issue, there are a few elements (containers) that can be adjusted. They have paddings and margins. For example, you could copy and paste this CSS code to change the default styling:

    @media (max-width: 991px) {
.topnav-header {
    padding: 0 2rem;
    margin-bottom: 0;
}
#topnav {
    padding: 0 25px 0;
}
}

    Try that modified styles and see if that helps more. This code basically will use the padding and margins, shown, when viewing in mobile devices with a resolution under 991px width.

    Regarding updates, you should be fine whenever this theme gets an update. All your settings are kept. This also applies if you later decide to upgrade to the premium version too.

    The only time something would change is if you modify the theme files directly, or, if we were to make a change with an update–although, we try out very best not to do that. I have a couple of recommendations relating to this:

    1. Write down all the changes to the settings and keep it safe.
    2. Make website backups before you perform any kind of change, even WordPress and plugin updates. This is the preferred method.

    A note about the first item about the side column and having rotating images: This is something I can give some thought to. It’s an interesting concept and you’re the first to ask about this capability. One thing to note is that the premium one does have the option to specify a custom image for each page, post, and/or category.

    Best Regards,
    Andre

    I would love to be able to help you, but you’re using the commercial theme Kalium from ThemeForest. I’ve seen this theme before, but unfortunately, I don’t know how they’ve coded their theme or how they created their options for it.

    My best recommendation is to contact their support. Hopefully, you are still within their support period and can ask them about the header colour.

    Best Regards,
    Andre

    It looks like this is doing it:

    ul.has-background {
    padding: 1.25em 2.375em;
}

    That doesn’t show up on the front page, but it does on some other pages. CSS code can change this extra padding, which is what causes the effect. You could add something like this as custom CSS code:

    ul.has-background.wp-block-navigation__container {
    padding: 0;
}

    I’m assuming you are using the block editor and have never added custom CSS? Try this out:

    Go to?Appearance > Site Editor:

    site-editor1.png

    1. Click on the website preview
    2. Click on the Styles icon
    3. Click on the three dots icon next to the section title

    add-css2.png

    Then, in the box there, copy and paste the code I just posted above, into it. See if that works…

    Best Regards,
    Andre

    Greetings!

    This is the culprit:

    li {
padding-bottom: 0.9em;
}

    Make that value 0 and you’re good to go! You can target just the main content area only by doing this:

    .hentry li {
    padding-bottom: 0;
    }

    .hentry li {
padding-bottom: 0;
}

    This is just on the home page and is it just images or images and/or text content that intermittently?is missing?

    The fact that it seems to be intermittent is puzzling.

    Rough Pixels

    (@roughpixels)

    You are very welcome!

    Anyway, I can fully understand where you’re coming from and have been there many years back. However, what is important, is that your problem has been resolved.

    Best Regards,
    Andre

    Rough Pixels

    (@roughpixels)

    No worries…hopefully their support should help with their own theme (especially when you paid for it). Crossing fingers.

    If for some reason you don’t hear back from them, reply back here and I can provide you with some of the CSS code to use.

    Best Regards,
    Andre

    Rough Pixels

    (@roughpixels)

    Unless your theme has a setting to change the colour, you will have to add some custom CSS to do that. However, if you made some changes that affected the navigation at the start, perhaps try to reverse everything you did previously that might have affected it. Other than that, you may need to add custom CSS.

    Regarding moving the nav menu below the header area, there are two ways to do that:

    1. create a child theme and modify the code
    2. add custom CSS (which I can paste some code for you here)

    As a side note, I just noticed that you are using the Soledad commercial theme (and using a child theme). If you have recently purchased that theme, you should still have support from the developers that can help solve the navigation colour issue and they may have a better solution to relocate the main menu below your header.

    I know that theme from before, but their coding methods for it will be something they are more familiar with than me.

    Best Regards,
    Andre

    Forum: Fixing WordPress
    In reply to: using images
    Rough Pixels

    (@roughpixels)

    Oh, cool! You figured it out. What was it that you did to make it work?

    Forum: Fixing WordPress
    In reply to: using images
    Rough Pixels

    (@roughpixels)

    I can fully understand your frustration. Sometimes when I work on something, if time-and-time again it doesn’t cooperate, I usually do a restart–in this case, remaking the page from the start. Sometimes that works. If you decide to remake that one page, you might want to do it in the block editor, completely.

    If I can think of anything else, I will follow up here.

    One thing to note that if things look wonky in the preview, but the front-end looks correct, you may want to go with that; trickier if this is for another person.

Viewing 15 replies - 16 through 30 (of 204 total)