Slider images not centering & other issues

Home Forums WordPress Theme Domik – Creative Responsive Architecture WP Theme Slider images not centering & other issues

This topic contains 10 replies, has 2 voices, and was last updated by  CTHthemes 3 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #15566

    ajz1998
    Participant

    Supported

    Can you please help me, I am having several issues with my website and I need you to take a look as soon as possible. The performance has gradually become slower and the slider images are not centering even though I have added it in the code. I also just purchased 6 months support if you’re wondering.

    This is what I put in the custom code field:

    .slide-title-holder {
         width: 100%;
         text-align: center;
    }
    .slide-title {
         float:none;
         border-right: none;
         padding: 50px 0px;
         text-align: center;
    }
    .slide-title a img{
         max-width:100%;
         height:auto;
         text-align: center;
    }

    Website: http://conquest.net.au/

    Also let me know which plugins are recommended for this template to improve image optimization, compression and so on.

    Thank you.

    • This topic was modified 3 months ago by  ajz1998.
    #15569

    CTHthemes
    Keymaster

    Hi, this is your page speed test result: https://gtmetrix.com/reports/conquest.net.au/aKxdZK2C

    And here is optimize tips: https://gtmetrix.com/wordpress-optimization-guide.html

    #15570

    ajz1998
    Participant

    Supported

    Thanks I got that already, how can i fix my slider images centering ?

    #15571

    ajz1998
    Participant

    Supported

    Should I regenerate thumbnails?

    #15573

    CTHthemes
    Keymaster

    Use this style

    
    .slide-title {
      -moz-transform: translate(-50%, -50%) ;
      -webkit-transform: translate(-50%, -50%) ;
      -ms-transform: translate(-50%, -50%) ;
      -o-transform: translate(-50%, -50%) ;
      transform: translate(-50%, -50%) ;
      margin-top: 0 !important;
      position: absolute ;
      left: 50%;
    }
    
    #15578

    ajz1998
    Participant

    Supported

    how can i remove the white line : http://prntscr.com/gjn51f

    Also how can i fix my images in my portfolio ? Why are they being cropped out and cut ? I want the full image to be displayed in a masonry style ? Please help, thank you very much : http://prntscr.com/gjn5c2

    #15579

    ajz1998
    Participant

    Supported

    After regenerating thumbnails why does on my of projects become a blurry image? Even when I change it to a bigger one it does not change it is still blurry ? Please assist me thank you again I appreciate it.

    http://prntscr.com/gjn9md

    #15581

    CTHthemes
    Keymaster

    Increase your portfolio sizes ( 640px width is good on 1920×1080 px display ) in Domik Options -> Media tab
    then regenerate theme again.

    #15582

    CTHthemes
    Keymaster
    
    .slide-title {
      -moz-transform: translate(-50%, -50%) ;
      -webkit-transform: translate(-50%, -50%) ;
      -ms-transform: translate(-50%, -50%) ;
      -o-transform: translate(-50%, -50%) ;
      transform: translate(-50%, -50%) ;
      margin-top: 0 !important;
      position: absolute ;
      left: 50%;
      border-right: none;
      padding: 0;
    }
    
    #15584

    ajz1998
    Participant

    Supported

    Does this look fine: http://prntscr.com/gjne2l

    #15586

    CTHthemes
    Keymaster

    Use these values: http://prntscr.com/gjnvgt

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.