To insert code use <code>...</code>.
Setting the Homepage slider image alignment -
  • I looked at existing discussions and changed the width from 960 to whatever number I wanted. It worked.
    But there is a slider in background with default size and the image comes on its left side. How do I center it?
    I also tried code suggestion from an existing discussion as below but it does not work.
    #anything_slider_wrap {
    margin: 0 auto;
    }
  • 9 Comments sorted by
  • Hi,

    Maybe put in a link so we can see what you did. You can use a resize slider by putting slider shortcode in the custom feature text area. You can center it by putting a div around it with the style set to center the content.

    Best regards,
    Striking Team
    Paul
  • Where do I put this code? You had mentioned such a thing in one of the discussions.
    "Just use the shortcode in the featured header custom text field!!!
    with striking 5.1.8.1 you don't need to adjust anything at all....
    [slideshow type="nivo" source="{s:flower}" width="860"]
    "
    But this is homepage slideshow, not specific to a particular page and the source for it (p)All.

    Here is my link:
    http://www.gcseexams.co.uk
  • Hi

    Thanks for reporting this.

    Please use the anything slider shortcode for now. We have to look into this why this is occuring this way.

    Best regards,
    Striking Team
    Paul
  • Hi

    You cannot resize the slider on the Striking Homepage Panel without a lot of work. Instead, the way to go about achieving what you want is

    a) create a new page. Make it your homepage by going to the Reading settings in the wordpress admin menu and designating it your homepage
    b) On your new home page, in the section "Striking Page General Options, set the Feature Header Type to custom text
    c) then below into the "Feature Header Custom Text box - which works exactly like the main page body editor, input your html, slideshow shortcode, and and any other content you want.
    d) just copy over all your content from your existing homepage to your new homepage.

    In fact, the usual method is to use the wp editor for the page body to create what you want and then just cut and paste the code into the custom text box.

    I attached an example, although I did not bother inputting the divs, but I did set it to both title and custom text, so you can see what happens.

    I also see we have an oversight, as the feature header custom text area is supposed to accept the nivo slider shortcode, and Paul just advised me that it is not. We will fix that.

    But one can use the anything slider to show anything, including just images (per my example attached), and with more content flexiblity then the nivo slider so just use the anything slider in place of the nivo slider shortcode to display images.

    Don't hesitate to ask any further questions. I would suggest that you grab a good css and html guide to assist you with your html code matters such as customizing an element, etc.

    Happy Striking
    Striking Team
    James

    Striking-PageGeneral-Options.jpg
    823 x 491 - 102K
    Custom-Header-Output.jpg
    868 x 538 - 203K
  • ok. Will try that. Thanks.
  • Hi,

    Can you send me login details to have a look at your nivo slider shortcode in the featured header custom text area.

    If you need any help on this can you grant me access to the admin part of your website?

    Just send me a private email with the login details to the admin.

    Click on my name and then on the left you can send me a private email.

    Please also include a link to this thread so i know what the personal mail is about.

    Best regards,
    Striking Team
    Paul
  • Hi, I took a workaround for this issue. I changed the canvas size of my images to 960 keeping the image size to whatever I wanted. And am fine with this approach.
    Do you still want to have the login details?
  • yes i want to build a test page and see if the nivo shortcode starts working or not in your website and why,

    Best regards,
    Striking Team
    Paul
  • Ok. I sent you the PM.