Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 24, 2015 at 9:53 pm #417423
    javaxpreso

    This is a noob question, but I can’t figure out how to link individual pages to specific urls. for example how can i assign a page that i created to the url “www.careerstack.co/about”. the default/home domain is http://www.careerstack.co.

    I want to have an image button that takes the user to these custom urls, not permalinks.

    Thanks.

    March 25, 2015 at 5:51 pm #418000
    Elliott

    Hi javaxpreso!

    I’m sorry but I’m not sure I understand. Your creating an image button and you want to set it to a custom URL? Are you using our image shortcode? If so then when you edit the shortcode click on the “Link settings” tab and you can set a manual link there.

    Or if your talking about the menus in Dashboard > Appearance > Menus then you can create a “Custom Link” on the left hand side. If you do not see the Link option then click on “Screen Options” in the top right hand corner of your screen and check it to display.

    Regards,
    Elliott

    March 26, 2015 at 12:26 am #418225
    javaxpreso

    No problem, I figured out that issue. The solution:

    Go to Settings –> Permalinks –> change to custom structure with “/”.
    Go to Page –> on permalink edit and put in custom url.

    However I have 2 questions

    (a) How can I change the spacing between 2 columns and between the images here: http://careerstack.co/homepage/ I want to create a grid of image buttons.
    (b) How can I change spacing option between paragraphs in the text block? I do not want a space between paragraphs but it automatically assigns it a line space.

    March 26, 2015 at 2:32 am #418254
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .flex_cell {
  padding: 0!important;
} 
.avia-image-container.avia-align-left {
margin-top: 0; 
}

    Cheers!
    Yigit

    March 27, 2015 at 12:43 am #418943
    javaxpreso

    Thanks, that sort of worked I now have images w/out any padding in between.

    What I want is a grid of these 6 squares with 10px in-between vertically and horizontally. How can I make that happen? Currently I am using a grid row w/ 3 images in each column. right column images are left-aligned, and left column images are right-aligned.

    http://careerstack.co/homepage/

    Also on mobile the alignment is off between the 1st 3 images and latter 3 images…any way to fix so they are center-aligned for mobile only?

    March 28, 2015 at 5:45 am #419732
    Ismael

    Hi!

    I’m not exactly sure what you’re trying to do. Can you please provide a screenshot of the mock up or design layout that you want to achieve?

    Regards,
    Ismael

    April 2, 2015 at 1:17 am #422226
    javaxpreso

    Yes, I have 2 questions.

    (a) Currently there are 6 squares no padding in-between on the homepage here:
    http://careerstack.co/secrethomepage/
    current image structure: http://i.imgur.com/j2bdZUp.png?1

    The structure that I want is to have even image padding both top/bottom and left/right, and centered.
    proposed image structure: http://i.imgur.com/bpqJaGh.png?1

    I currently have this in QuickCSS:
    .flex_cell {
    padding: 0!important;
    }
    .avia-image-container.avia-align-left {
    margin-top: 0;
    }
    And the squares are images, left column is right-aligned and right column is left-aligned. Please advise on how I can achieve the grid look w/ uniform padding, with the whole thing centered.

    (b) I am using Testimonials element for blog posts here:
    http://careerstack.co/careerstrategery/
    But the padding between the title (text block element) and testimonial element is too wide. How can I control the spacing between these 2 elements?

    Thanks.

    April 2, 2015 at 5:53 pm #422657
    Yigit

    Hi!

    1- Please add following code to Quick CSS 

    .flex_cell_inner .avia-image-container {
  padding: 10px;
}

    2-

    .page-id-102 .avia-builder-el-2.column-top-margin,.page-id-102 .avia-builder-el-6.column-top-margin {
  margin-top: 0;
}

    Cheers!
    Yigit

    April 9, 2015 at 4:32 am #425693
    javaxpreso

    Thank you! Another question. I noticed that my homepage on iphone 5 and 5S have words that are overlapping each other. How can I make the min font smaller on mobile devices? Also, can I specify different image controls for mobile vs. web? Specifically for the homepage on mobile I want to have the overlay on permanently whereas on web I’d like to have them only in hover state.

    http://careerstack.co/secrethomepage/

    thanks.

    April 9, 2015 at 5:06 pm #426073
    Yigit

    Hey!

    Yes, you can do so using media queries. For example, following code uses media queries to font issue, please add it to Quick CSS field

    @media only screen and (max-width: 480px) {
.av-image-caption-overlay-center {
  font-size: 15px !important;
}}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.