Forum Replies Created

Viewing 15 replies - 1 through 15 (of 24 total)
  • Thread Starter dreamingsentinel

    (@dreamingsentinel)

    As I have received no response I am now using Jetpack instead, which means you’ve lost a potential client.

    I would be interested in seeing this patched in the future, let me know if and when it does happen.

    I’ve gone over my scripting notes (it’s always handy to keep a list in case you encounter any bugs), and here is what worked for me:

    Created no-sidebar-page.php:
    Copied page.php as no-sidebar-page.php.

    Removed line <?php get_sidebar(‘sidebar-1’); ?>
    Replaced comment at top with /*
    ?* Template Name: No Sidebar Page
    ?*/

    Then in the plug-in Custom CSS I added (for the individual page):
    @media (min-width: 992px) {
    .col-md-9 {
    width: 100%;
    }

    The new WordPress seems to have it’s own custom CSS thing so you should try that first, but if it’s not working for you than I hope the method above helps.

    All the best ??

    I’m using WP Add Custom CSS (https://www.ads-software.com/plugins/wp-add-custom-css/)

    I don’t know if the lines of script adding up are important, different versions of the website would be different / updated, whatever. Just use the ctrl f find in page option and search and replace / remove the lines, and in custom css just add what’s in this thread to ovveride.

    I think this is what I’m using (it’s been a while):

    @media (min-width: 992px) {
    .col-md-9 {
    width: 100%;
    }

    Theoretically, yes (though I’m new to scripting here myself – CSS I can manage, but PHP and HTML are still a bitch, and they’ll be what you’re looking for).

    You can create custom page templates (ex no-sidebar-page.php) in your child theme, and through wordpress select them to apply to the page your using (put the tutorial on that below). Custom-header.php seems to be the file in charge of the header image display, so if you wrote your own code in linking the different page templates to diferent header images, it might just work (you could try if statements). Or perhaps you could try copying and pasting a modified version of the code into each custom page template, so that it applies to whatever page it’s on? I’m not sure (it may not override the custom-header.php), but that’s probably where to start. More advanced members might be able to help you more, but hopefully I’ve provided somewhere for you to begin more research ??

    This was what Webbersky gave me on creating page templates (for a specific purpose), good tutorial:

    “Create a new file called no-sidebar-page.php in /wp-content/themes/nisarg/ (!DS Note- you can also put this into your child theme, so /wp-content/themes/nisarg-child/)
    Copy the contents from /wp-content/themes/nisarg/page.php into no-sidebar-page.php
    Then change this line:
    <?php get_sidebar(‘sidebar-1’); ?>
    to
    <?php //get_sidebar(‘sidebar-1’); ?>

    and replace the commented code at the top (lines 2-11) with:
    /*
    * Template Name: No Sidebar Page
    */

    Then select your Page on wp-admin and under Page Attributes, you will have option to choose your page Template, so you can select the pages you don’t want to have a sidebar.”

    Looking over the text changes above, you could try changing each custom pages header by finding the line in the relevent custom-page.php and changing them to refer to the header you want (such as get_header(‘header-2’), get_header(‘header-3’), etc…) provided you write them into custom-page.php, so it has something to refer to.

    Again, in theory! ??

    Thread Starter dreamingsentinel

    (@dreamingsentinel)

    So, deleting bootstrap.css does nothing but create some serious bugs, don’t reccomend that.

    I’ve ended up editing the way the header crops in custom-header.php, which solves half of my problem (next is to write something similar for the background-image). It is nice having the dynamic displays preserving the text size and making it more mobile-friendly.

    Theoretically if you found out what changed and where, you could go through the script and take them out one by one, but I don’t reccomend it. The very way the website has been scripted is to be dynamic, and it would probably result in many, many bugs if you change too much. Remember: if it isn’t broken, don’t fix it! ??

    Thread Starter dreamingsentinel

    (@dreamingsentinel)

    As a note to others, I’ve kind of figured this one out but the result seems to be bugged. In custom-header.php edit the suggested image size to whatever your actual header dimensions are, then keep the display size the same. Upload the real header and it is not automatically compressed to the suggested file size, as this has been changed.

    However, while it displays in the right spot and as told to, it seems to confuse the content padding as it thinks there is a much bigger image there (not realising it displays smaller). Haven’t figured out how to fix it, could probably play around with EM and padding widths but am trying to solve the problem by setting header-image to 100% – currently Nisarg displays this as slightly zoomed in, which causes the image to loose quality. At full-width it looks quite good at 1600.

    Do you have any more details? You can edit the header display and how it crops in custom-header.php, but I don’t know about the tag line. Usually the text stays the same size despite window dimensions, you could try editing the line of script dictating what size the tag text should be in style.css (use inspect element in your web browser to find out what it is), but that would apply to all displays.

    Hope this helps ??

    Thread Starter dreamingsentinel

    (@dreamingsentinel)

    In answer to my own question, and for others interested, where something says

    background: white, black, any other colour, etc…

    Replace it with

    background: rgba(255,255,255,0.7).

    You can read up more on it here: https://www.w3schools.com/cssref/css_colors_legal.asp
    And here: https://www.w3schools.com/CSS/css3_colors.asp

    For people looking for watermarks, (scroll / body) backgrounds can be scripted to link to an image. If the image is a .png, tif (?), or .gif (?) it can be saved with transperancy, then used as a background by uploading the image, and writing in the image link where it refers to the background, so the sript knows where to go fetch it for display.

    If it doesn’t work you can always try adding !important! (or something like that, makes the statement overide any which may clash by being more !important ?? ).

    Good luck!

    dreamingsentinel

    (@dreamingsentinel)

    Whoops, sorry, that’s the entire line of code I posted the second time. Just use that, you get my point ??

    P.S I love your website, how did you include the scroll up button at the base? Is there a forum you could point me to?

    dreamingsentinel

    (@dreamingsentinel)

    Hi,

    This one’s a bit weird, I’ve been fiddling with it myself.

    }

    .post-content,.single-post-content,.post-comments,.comments-area{
    background-color: transparent; (This used to be white)
    clear: both;
    margin-bottom: 2em;

    There will be left the box shadows so change them (the line directly beneath the above line of code) to this:

    .post-content,.single-post-content,.post-comments,.comments-area{
    background-color: transparent;
    clear: both;
    margin-bottom: 2em;

    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
    -o-box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
    }

    I haven’t tested it for other sections of the blog (this is just for the body) but it should be the same ??

    I hope this helps, and good luck!

    dreamingsentinel

    (@dreamingsentinel)

    I have this working on the child theme now, it was an error in the local setup.

    Your script works when I put it in through a plug in, which is good ?? I’m hoping to find a way around it with further research, it seems that style2.css is just not overriding anything / being activated. Worst comes to worst I’ll have to stick with the plug-in -.-

    Thank you a lot, Webbersky, you’ve really helped me ?? And I’ve learned a lot, which is even more valuable. Hopefully now @dodo9999 can mark this as resolved ?? I’m sure you’ve helped both of us!

    dreamingsentinel

    (@dreamingsentinel)

    Thank you ?? ??

    I’ve put the code into no-sidebar-page.php, and it’s reading style2.css through WordPress, however I can’t find the line of code you’ve suggested I change – I’ve tried searching several different keywords to no results.

    I’ve also tried placing the line in as is as the last in style2.css, but it doesn’t seem to change anything. I’ve done some tests with other changes and none of them in style2.css seem to have an effect on the theme display.

    Have you been doing this in a child theme? I’ve been working in the parent as none of the changes at making no-sidebar-page.php seemed effective unless they were in the parent, but could the child’s style.css preferences now be overriding?

    Thread Starter dreamingsentinel

    (@dreamingsentinel)

    No worries, you deserve it! ?? Don’t worry about the bug, I was a dwebe. Just found the setting now ??

    dreamingsentinel

    (@dreamingsentinel)

    Thank you so much, I’m going to change my review to 5 star now. It is really nice that you’ve developed such a good program, and are doing so much work like this to help people understand it. I really appreciate it, and wish you all the success in the future Diego ??

    dreamingsentinel

    (@dreamingsentinel)

    Thank you so much, you are amazing! I’d give you a hug but that’s not exaclty going to work over digital communications ?? But I really appreciate your response, it means a lot to me.

    I want to customise this to make the center scroll make up for the missing space, but I’m unsure how to do that through bootstrap without effecting all the pages.

    Should I make some sort of if statement on no-sidebar-page.php/other with instructions on running a seperate bootstrap file? Like (I have the barest idea of how this works, you’ll probably find this very amusing):

    if ( is_no-sidebar-page.php() ) :
    run( ‘some sort of specific bootstrap file (like the new one we made for the page), including the customizations but isn’t run on any non no-sidebar-page template displays?’ );
    elseif ( is(page.php) ) :
    run( ‘usual bootstrap file’ );
    endif;

    ? Usually I make my customisations through stylesheet.css, is there a way to use css to customise the new page template as well? I suspect not, but I’m much for familiar with it ??

    Once again, many thanks ?? ??

Viewing 15 replies - 1 through 15 (of 24 total)