Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #326104

    gladwyn.lewis
    Participant

    Hi,

    First off, I love the X Theme and its customization options. What I would like to do is use the Portfolio Section for my website, for Artist Pages. First couple of questions:

    Is the Background Image, the Same as the Cover Image for the Portfolio Item (or in this case for the specific Artist)
    Can I have the items sorted by Alphabetical Order Instead of by order of posting, and if so, how do i go about this?

    Finally I would like a Gallery to be displayed for each individual Exhibition Page, seperate from the Artists Mainpage and Subpages. What I would like to do when the user clicks on the Thumbnail of the Images, is to showcase more details, like Image Title, Artists Name, Exhibition Name, Media Specifications, and Image Size.

    You can refer to http://www.theemptyquarter.com and Go to the Artists and the Exhibitions Pages to see what I am trying to achieve.

    Finally on the Mouse Over for the main menu of ICON 7 Theme, how can I make the box rectangle with sharp edges, rather than the rounded edges you have. (Something similar to the Logo, but as the mouse over of the menu items.)

    Look forward to your responses, and hope that I was clear and articulate enough to understand what I am trying to achieve here.

    Many Thanks for the great work,

    Gladwyn

    #326107

    gladwyn.lewis
    Participant
    This reply has been marked as private.
    #326152

    Lely
    Moderator

    Hello Gladwyn,

    Thanks for posting in and giving us your admin credentials.
    Can you please check your password? I tried it twice but it’s not working.

    For Icon7 sharp edges on menu hover, please add the following CSS via Appearance > Customize > Custom > CSS:

    .x-navbar .desktop .x-nav>li>a:hover>span {
       border-radius: 0 !important;
    }

    Hope this helps.

    #326788

    gladwyn.lewis
    Participant
    This reply has been marked as private.
    #326992

    Nabeel A
    Moderator

    Hi again,

    Yes the password now works.

    1. You can set the background image using a jQuery script. Just add the following jQuery script in your Customizer via Appearance > Customize > Custom > Javascript

    jQuery(document).ready(function($){
    	var image = $('.single-x-portfolio .entry-featured .entry-thumb img').attr("src");
    	if(image) {
    		var background_img = "url(" + image + ")";
    		$("body.single-x-portfolio .site").css("background", background_img);
    		$(".x-portfolio").css("background", "rgba(255,255,255,0.4)");
    	}
    });

    Regretfully Sorting the portfolio items alphabetically isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    2. You can create a gallery inside the portfolio item, please refer to this link: https://community.theme.co//kb/how-to-setup-galleries/

    3. To make the rectangular mouse over border, you can add the following code in your Customizer via Appearance > Customize > Custom > CSS:

    .x-navbar .desktop .x-nav>li>a:hover>span {
      border-radius: 0 !important;
    }
    
    .x-navbar .desktop .x-nav>li>a>span {
      border-radius: 0 !important;
    }

    Let us know how this goes!

    #328042

    gladwyn.lewis
    Participant

    One small problem. I am trying to add the logo (PNG Image) in the Header -> Logo -> Navigation Area, but oddly, I cannot add the Logo when I click on Add Image (it doesn’t popup to allow me to select the Logo to add), could you have a look and let me know how exactly to do this please?

    #328054

    gladwyn.lewis
    Participant

    Also, when I try to update the theme, I get the following errors:

    Fatal error: Call to a member function display() on a non-object in /home/wearepix/public_html/emptyquarter/wp-admin/includes/class-wp-upgrader-skins.php on line 372

    Please look into that too, as I cannot use the latest version of your theme.

    Danke,

    Gladwyn

    #328116

    Lely
    Moderator

    Hello Gladwyn,

    It seems that your copy of the theme is corrupt. This file http://www.theemptyquarter.com/wp-content/themes/x/style.css is missing.
    You may fix this by directly uploading X theme in your-wordpress-folder/wp-content/themes and overwriting the existing file.

    Hope this helps.

    #330346

    gladwyn.lewis
    Participant

    I have another problem. When I click the loading section of the page, it keeps reloading automatically. This makes it impossible for me to do any changes whatsoever, could you help me out with this please. (It’s a bit urgent)

    #330347

    gladwyn.lewis
    Participant

    Ok, I have identified it, it is not working with the PA Login & Access plugin. And reason why this could be so?

    #330350

    gladwyn.lewis
    Participant

    And the select image option for the logo is not yet working. I have manually uploaded the theme in the section via the above recommendation. Please look into it, also the url is emptyquarter.pxlvctr.com, not http://www.theemptyquarter.com

    #330453

    Lely
    Moderator

    Hello There,

    To see the error why it doesn’t work with PA Login and Access plugin, activate the plugin then when you open the page and it keeps reloading, please right click on the page and then select Inspect Element > Console.
    About the logo header not working, please check the suggestion on this thread:https://community.theme.co//forums/topic/cant-upload-logo/

    Hope this helps.

    #331388

    gladwyn.lewis
    Participant

    Well it does help, now how do I size the logo to fit within the 300px width I would like it to be displayed as. Because right now, it is very, very tiny.

    Cheers,

    Gladwyn

    #331507

    Nabeel A
    Moderator

    Hi again,

    To re-size your logo just add the following code in your Customizer via Appearance > Customize > Custom > CSS:

    .x-brand img {
      width: 300px !important;
    }

    You can adjust the width as per your need. Let us know how this goes!

    #335268

    gladwyn.lewis
    Participant

    Thanks for the above, I am using the Icon stack, how do I remove two things:

    The Header Menu accessible through the + button on the top right hand corner

    The background that has the icons, I just want it to be a simple white background.

    Thanks

    Gladwyn