Home Forums UPFront WordPress Theme Several simple & general questions regarding the UPFRONT Theme

This topic contains 36 replies, has 2 voices, and was last updated by  triniswinburn 1 year, 8 months ago.

Viewing 37 posts - 1 through 37 (of 37 total)
  • Author
    Posts
  • #7500

    triniswinburn
    Participant

    Hi!

    First of all, AWESOME THEME! looks neat, clear, elegant, all what I need! Gold!

    Hope you can answer me the following questions.
    My client needs to know this answers in order to buy the template.

    1. Is there any way to make the top right menu fixed and always visible?
    2. Can I change the color of the thick grey border of the theme, change the thickness of the line, or literally delete it?
    3. Are the size of the banners fixed? can I make the main banner higher?
    4. Does this banner support youtube, vimeo or video formats? I need to add a video trailer in that banner?
    5. The blocks that have the news and blog info, can be 3 instead of 2? I want to add 3 little containers over there. And can I delete the text displayed below them?
    6. Are the second of the loading transition between pages fixed? can I modify the seconds?

    Thanks in advance! I’ll be waiting for your reply 🙂
    Cheers from Santiago-Chile!

    Trini

    #7501

    BWSM
    Keymaster

    Hi,

    Thanks for your interest in our theme 🙂

    1. Did you talk about the menu always shown(not to click the “hamburg” icon to show it)?
    Yes, it is possible by custom css code, we’ll consider add the option in todo list

    2.

    Can I change the color of the thick grey border of the theme, or literally delete it?

    Yes, the border color could be custom in theme option, the bordered layout could be deactivate, it should like this demo: http://ximudesign.com/upfront/

    change the thickness of the line,

    It is possible by custom css code(the default border size is 20px, you could change the size):

    body.ux-bordered { padding: 0 20px; }
    body.ux-bordered:not(.ux-mobile) #header-main { top: 20px;}
    body.ux-bordered:not(.ux-mobile) #header-main:after { left: 20px; right: 20px;}
    .bordered-top,.bordered-bottom,.bordered-left,.bordered-right { height: 20px; }
    body.ux-bordered:not(.ux-mobile) #header-main { left: 20px; right: 20px; }
    body.ux-bordered .footer-bar { margin-bottom: 20px; }
    body.ux-bordered .page-loading { top: 20px; bottom: 20px; left: 20px; right: 20px; }
    body:not(.ux-mobile) #navi .maga-horizon { width: calc(100vw - 40px); } /*40 means 20px x 2*/

    3. Did you talk about this banner: https://www.dropbox.com/s/us9ivrvsbutyj38/QQ20150615-2.jpg?dl=0
    The height size is not fixed, actually it is set by widget(in demo it is text widget:screenshot)

    4. plz refer answer of 3.
    It is possible, you could set video code in this widget or use other widget support video.

    5. yes, it support 3 blocks

    And can I delete the text displayed below them?

    It is possible by custom css code: .feature-item-tit{display: none;}

    6. Did you talk about the transition time? It is possible by custom css.

    Best,Bwsm
    Follow on @uiueux to get update news!

    #7539

    triniswinburn
    Participant

    Thanks for your reply!
    We bought your theme… and now i have to work on it 🙂

    1. Which is the css code i can add to leave the top right menu always visible, and where?
    2. Apparently, mine does not come with line… so, better. haha
    3. I am talking about the banner on top of that one (see attachment) 😉
    4. I need to know if the first banner support video format (youtube) please say yes! 🙂 (the banner attached)
    5. How I can activate 3 blocks instead of 2?
    6. I just turned it off 🙂

    New Questions:
    7. How can i change the images displayed in the standard slider?

    Thanks a LOT 🙂

    Trini

    #7541

    BWSM
    Keymaster

    Hi, thank you for purchasing our theme. 🙂

    1. Which is the css code i can add to leave the top right menu always visible, and where?

    Could you wait 2-3 days, we’ll update it very soon(we’ll submit it tomorrow). There is the option in next version.

    3、4. I thought the banner you talked about is (https://www.dropbox.com/s/us9ivrvsbutyj38/QQ20150615-2.jpg?dl=0).
    The screenshot you paste is slider, you could build in wp admin: BM Slider > BM slider. choose a slider, the height should be set. But it is not supported video.

    5. please refer: https://www.dropbox.com/s/6ackuyef9sfbf7j/QQ20150618-3.jpg?dl=0

    7. please go to WordPress Admin Panel: BM Slider > BM slider. choose a slider, edit it: https://www.dropbox.com/s/d0hxwowl738xnc0/QQ20150618-4.jpg?dl=0

    #7568

    triniswinburn
    Participant

    Thanks for the reply 😀

    1. Let me know when that update is done 😉
    3 & 4. Is there any way that you can create, each image of the main-slider can support video (youtube)

    More questions… sorry! I am annoying I know haha

    1. Is there any way to reduce the empty white spaces in between the areas, to reduce the size of the scrollbar in the homepage?
    2. Is there any way to make the social network icons bigger? And also, when the viewer click on those icons, i need it to open the web in a blank/new page, i order not to loose the actual page that is already open.
    3. I need to personalize the font-type of the text that is over the main slider. How can i do that?
    4. I need to make the transition from 1 image to the other in the carrousel of the main slider automatic. How?
    5. I need to change the back and next arrow icons of the main slider with personalized ones. How can i do that?
    6. I added a gallery of images in a post, and I need that each image, when a user clic over it, display the image + title/text. It is possible? say yes please…. 😀
    7. I need to remove the title/text/category/date/author/visits from bellow the images (see attachment “screenshot2”).
    8. Does each image/block support gif animations? (see attachment “screenshot”)
    9. I need to make “invisible” the category/title that is over the images in the main slider (see attachment “screenshot3”)

    Thanksssss and i will be waiting for your reply 🙂
    Have a good day!

    Trini

    #7571

    triniswinburn
    Participant

    screenshot 3

    #7581

    BWSM
    Keymaster

    1. Let me know when that update is done 😉

    Released on http://themeforest.net/ now.

    3 & 4. Is there any way that you can create, each image of the main-slider can support video (youtube)

    It is not a easy job, I suggest you hired a developer.

    #7582

    BWSM
    Keymaster

    1. Is there any way to reduce the empty white spaces in between the areas, to reduce the size of the scrollbar in the homepage?

    Where is place you talked. Please paste a screenshot

    2. Is there any way to make the social network icons bigger? And also, when the viewer click on those icons, i need it to open the web in a blank/new page, i order not to loose the actual page that is already open.

    Please login wp-admin, go to Theone / General Settings / Custom Css
    Paste the style code to Custom Css(change the font size):
    .socialmeida-a {font-size: 15px;}
    The “Social link new window option” is added in latest version, please update theme

    3. I need to personalize the font-type of the text that is over the main slider. How can i do that?

    use custom css:
    .carousel-des-wrap-tit-a{font-style: normal;font-weight: normal;}

    4. I need to make the transition from 1 image to the other in the carrousel of the main slider automatic. How?

    Add the code autoplay: true, here in js/custom.theme.js: https://www.dropbox.com/s/16llb7sfwzqa6w1/QQ20150621-1.jpg?dl=0

    #7583

    BWSM
    Keymaster

    5. I need to change the back and next arrow icons of the main slider with personalized ones. How can i do that?

    The css code of slider arrow is in style.css: https://www.dropbox.com/s/yhuaiil7cfp7rz2/QQ20150621-2.jpg?dl=0
    You could custom it.

    6. I added a gallery of images in a post, and I need that each image, when a user clic over it, display the image + title/text. It is possible? say yes please…. 😀

    Did you talk about the lightbox? check the “gallery” demo inhttp://ximudesign.com/upfront/2014/10/30/shortcodes/ is it?

    7. I need to remove the title/text/category/date/author/visits from bellow the images (see attachment “screenshot2″).

    use custom css:
    .mainlist-des-wrap{display:none}

    8. Does each image/block support gif animations? (see attachment “screenshot”)

    It supports, but there is a little complicated. The image will be cropped, the animation will be lost. You need to replace the cropped gif image by origin gif image by FTP.

    9. I need to make “invisible” the category/title that is over the images in the main slider (see attachment “screenshot3″)

    use custom css code:
    .feature-item-tit{display: none;}

    #7585

    triniswinburn
    Participant

    Dear BWSM, THANKS A LOT for taking time for answering all my questions 😀

    If I install the theme update, I am going to loose all the web I have done until now? (configuration, posts, etc?)

    I will ask a friend that is developer, to see if he can help me making the main slider support youtube videos…. but, if you know the answer in the close future, i will send you a chilean wine! :*

    —-

    1. The empty white spaces im talking are the followings (see the red blocks in the attachment called “whitespaces”)
    2. thanks!
    3. thanks!
    4. thanks!
    5. thanks!
    6. Yes! the lightbox gallery image. I need the image to have text also when it is displayed in the lightbox…
    7. thanks!
    8. I will see if it works by replacing in http://ftp... 😉 I will let u know, Thanks!
    9. Thanks!

    Cheers from Chile 😀

    Trini

    #7587

    triniswinburn
    Participant

    and…..

    I need to add a link to the background image of the main-slider.

    <div class=”carousel-img-wrap” style=”background-image: url(http://fabulosasflores.cl/wp/wp-content/uploads/2015/06/banner3.jpg);”>

    because i hide the category and title…. so, now it does not have link to the related page.

    you an check the website if you want…. http://www.fabulosasflores.cl

    #7588

    BWSM
    Keymaster

    If I install the theme update, I am going to loose all the web I have done until now? (configuration, posts, etc?)
    The custom css will fine after theme update, but if you change some file in theme folder(like js file). It will be override

    #7589

    BWSM
    Keymaster

    1. The empty white spaces im talking are the followings (see the red blocks in the attachment called “whitespaces”)

    .logo-wrap{padding-bottom:0} / *for spacer below logo  */
    .content_wrap_outer{margin:top:0} / *for spacer above blog list  */
    #footer{margin:top:0} / *for spacer above footer widget  */
    .widget_instagram .widget-container .widget-title{padding-top: 0;}/ *for spacer aboveinstagram  */
    #7590

    BWSM
    Keymaster

    6. Yes! the lightbox gallery image. I need the image to have text also when it is displayed in the lightbox…

    please try to use shortcoder gallery(click green plus icon on wordpess editor, the shortcodes panel will popup: https://www.dropbox.com/s/vt4xzb81vrjq76o/QQ20150621-3.jpg?dl=0 )

    #7591

    BWSM
    Keymaster

    I need to add a link to the background image of the main-slider.

    because i hide the category and title…. so, now it does not have link to the related page.
    you an check the website if you want…. http://www.fabulosasflores.cl

    Did you talk about the slider or the category?
    If is the slider:
    remove the custom css that hide title, add the custom css:

    .carousel-des-wrap-inn {
      position: absolute;
      width: 100%;
      padding:0;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      top: 0;
      left: 0;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      transform: translate(0,0);
    }
    .topslider.container .carousel-des-wrap-tit {
      font-size: 0;
      width: 100%;
      height: 100%;
    }
    .topslider.container .carousel-des-wrap-tit-a {
      color: #fff;
      display: block;
      width: 100%;
      height: 100%;
    }
    .topslider.container .carousel-des-wrap-meta { 
      display: none;
    }

    fw: there is a image on your website only.

    #7612

    triniswinburn
    Participant

    Thanks!

    1. Thanks!
    6. I will try that and let you know 😉

    Sorry you can check here: http://www.fabulosasflores.cl/wp

    As you can see, I hide the category&title that was over each image in the main slider, but the actual slider does not have link to related page. How can i add a link to the related page, to the full banner (not only the text over it)

    #7613

    triniswinburn
    Participant

    Where is that Shortcoder Gallery (green plus icon) you are mentioning? I cant find it :/

    Thanks!

    Trini

    #7625

    BWSM
    Keymaster

    Sorry you can check here: http://www.fabulosasflores.cl/wp
    As you can see, I hide the category&title that was over each image in the main slider, but the actual slider does not have link to related page. How can i add a link to the related page, to the full banner (not only the text over it)

    The custom css doesn’t work, please leave your wp-admin(url/user/pass) as private reply, I’ll log in to check it.

    Where is that Shortcoder Gallery (green plus icon) you are mentioning? I cant find it :/

    https://www.dropbox.com/s/u0mru4j1valfsgj/QQ20150623-1.jpg?dl=0

    Best,Bwsm

    #7627

    triniswinburn
    Participant
    This reply has been marked as private.
    #7628

    triniswinburn
    Participant

    neither in page or post i have that green “plus” icon lol.
    (see attachments)

    #7632

    triniswinburn
    Participant

    The page is getting awesome! Thanks to your template 😀
    have a look: http://www.fabulosasflores.cl/wp

    In some hours is the launching of the web and I still need to solve some issues

    1. I need urgently to have link in each full image in the main slider…. not only in the title and category (actually i need to hide those texts and just keep the banner/image with link to the related page/post). Attached the slider im talking about.

    2. The 1st block (El Blog de Pappapuppi) loosed their link! I don’t know why… and I don’t know how to fix it.

    3. I need the “Custom Link Button” for the menu, to be able to open in a blank/new page.

    Hope you can help me soon. Im going to be waiting here…
    Thank you!

    Trini

    #7633

    triniswinburn
    Participant

    previous attachment

    #7637

    BWSM
    Keymaster

    neither in page or post i have that green “plus” icon lol.

    Turn back visual model: https://www.dropbox.com/s/pl653ok2dmsr18v/QQ20150623-2.jpg?dl=0

    1. I need urgently to have link in each full image in the main slider…. not only in the title and category (actually i need to hide those texts and just keep the banner/image with link to the related page/post). Attached the slider im talking about.
    2. The 1st block (El Blog de Pappapuppi) loosed their link! I don’t know why… and I don’t know how to fix it.

    solved now. I don’t know why, the css code in custom css box does’t work, so I paste it in style.css: https://www.dropbox.com/s/l6tu6l823hou7da/QQ20150623-4.jpg?dl=0

    3. I need the “Custom Link Button” for the menu, to be able to open in a blank/new page.

    Activate this option for menu item: https://www.dropbox.com/s/9gt97d11dujckkc/QQ20150623-3.jpg?dl=0

    #7661

    triniswinburn
    Participant

    Thanks a LOT!

    The page is almost perfect now… i have a couple of questions.

    1. When i add a “new post” with “gallery format” and then i publish it, the home page does not show the featured image…. it shows the gallery immediately, and it does not have link to the inside of the post (i have a gallery and some text content that i need people to be able to see). Why? How can i fix that? (right now i didnt published what i need because is wrong and a los of people is visiting the page, but, this is the “test” post im trying to add: http://fabulosasflores.cl/index.php/2015/06/24/test-personajes/).

    Thanks in advance and after this reply i will ask the next question.

    Have a good Day BWSM

    Trini.

    #7662

    BWSM
    Keymaster

    1. When i add a “new post” with “gallery format” and then i publish it, the home page does not show the featured image…. it shows the gallery immediately, and it does not have link to the inside of the post (i have a gallery and some text content that i need people to be able to see). Why? How can i fix that? (right now i didnt published what i need because is wrong and a los of people is visiting the page, but, this is the “test” post im trying to add: http://fabulosasflores.cl/index.php/2015/06/24/test-personajes/).

    It is origin design. The gallery post layout in list is slider. If you don’t want it, remove the code(in red line) in /functions/interface-functions.php
    https://www.dropbox.com/s/iwypikldaks03lw/QQ20150625-4.jpg?dl=0

    #7794

    triniswinburn
    Participant

    Thanks again BWSM!

    Hope you are doing great 🙂

    Questions:

    1. How can I reduce the seconds of transition in the main-slider (carousel) of the homepage?
    2. I need to link one of the images (post) (the one highlighted in pink in the image attached “blog.jpg”) to a “page”… How can I do that?

    Cheers!

    Have an awesome day!

    Trini

    #7796

    BWSM
    Keymaster

    1. find js/custom.theme.js,

    change the value here: https://www.dropbox.com/s/zeach89u2j9iaed/QQ20150704-1.jpg?dl=0, please refer the carousel plugin doc: http://owlcarousel.owlgraphic.com/docs/started-welcome.html

    2. there is not the feature, you need to custom css. It isn’t a easy job. I suggest you hire a developer.

    #7804

    triniswinburn
    Participant

    Thanks BWSM!

    ….and in the Page Builder mode, how can i increase the size of the mask added to the “image box” module? Because at the moment it show the image very small…. (pink areas i the image attached….)

    #7806

    BWSM
    Keymaster
    #7814

    triniswinburn
    Participant

    Hi BWSM, I understood everything, except the part where i have to add the new .SVG size inside the code…. I know how to generate it with illustrator, but i don’t know how to add it in the actual code. I had no problem changing all the “square” sizes to a new size (333px. x 200px.) … but the:

    <i><b>” switch($mask){
    case ‘square’: … “</b></i>

    part, I have no idea how to add the new square size (I want it to be 333px. x 200px.)

    Is there anyway you can help me adding that code? or telling me how-where to add it?

    Thanks! and sorry im asking too many questions!
    :/

    Cheers from Chile!

    #7819

    BWSM
    Keymaster

    You could drag this svg file into browser. check “Page Source” in browser, you’ll get the svg code.

    #7829

    triniswinburn
    Participant

    Thanks BWSM!

    I found a little, but important bug… if you could help me fixing it would be awesome!

    When I use the Page Builder Mode, and i add the “Video Module”, the link attached (video) does not work when i click it from an iphone. You can see in your phone, http://www.fabulosasflores.cl that the Trailer video is not working. I does work from the laptop, but not from an smartphone…

    Why?

    Thanks! And have an awesome day!

    Trini

    #7832

    BWSM
    Keymaster

    Sorry for this bug, we’ll fix it next version.

    The quick fix:
    Please login wp-admin, go to Upfront / General Settings / Custom Css
    Paste the style code to Custom Css:

    @media (max-width: 768px) {
    .responsive-ux .video-overlay.video-slidedown {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      }
    }
    #7833

    triniswinburn
    Participant

    Thank you BWSM! but i added that code to the custom css and it still does not work 🙁
    haha
    sorryyyy im annoying, but a lot of people are visiting the site from phones and that trailer needs to be visible…

    #7844

    triniswinburn
    Participant

    Hi BWSM! me again… did you find any solution? because i added that code to the custom css and it still does not work.
    Thanks!

    Trini

    #7845

    BWSM
    Keymaster

    I have logged in your admin and fixed it now.

    #7856

    triniswinburn
    Participant

    Thank you BWSM! you are the best…. i wonder which was the error…
    I will try not to bother you anymore! 😀
    Cheers!
    Trini.

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

You must be logged in to reply to this topic.