Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 6, 2017 at 11:32 pm #817535
    RoyalFlushGroup

    Hi

    I am trying to design a new blog post, but I am struggling with the options that are available. The information that I am trying to display is football fixtures. I am trialling a number of different views, to see which one I feel looks the best.

    I have tried the “accordion” option, which I quite like, but as you will see from the layout, doesn’t give me what I am after.
    “Tabs” is the same.
    I cannot see a way to insert an image in the “table” option.

    Could someone please have a peek and give me some guidance as to how to achieve what I am looking for?

    July 7, 2017 at 8:51 am #817671
    Victoria

    Hey RoyalFlushGroup,

    I added a class to the links and the first paragraph of tab content, you can see it when in text mode in the tab editor. Here is the css to go with it. You can put it in in your child theme style.css or in Quick css

    
.tab_inner_content a.left-team {
    float: left !important;
    margin-left: 15% !important;
}
.tab_inner_content .right-team {
    float: right !important;
    clear: right;
    margin-right: 3% !important;
}
.tab_inner_content p {
	text-align: center;
    width: 90%;
}
.tab_inner_content .team-names {
    padding-top: 35px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 8, 2017 at 6:11 pm #818239
    RoyalFlushGroup

    Hi Victoria

    Many thanks for the swift response!

    I have continued with the setup that you have provided, but one thing that I have noticed is that the vertical alignment of the text is inconsistent. I have tried a few attempts to control it without success. Any suggestions?

    Also, how can I find out the best dimensions to use for the images to the sides?

    Thanks in advance

    July 10, 2017 at 4:26 pm #818839
    Yigit

    Hi,

    I enabled custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. Please edit your tabs element and give them a custom CSS class (“custom-tab” in example below) and then add following code to Quick CSS in Enfold theme options under General styling tab

    .custom-tab hr {
    margin-bottom: 0 !important;
}

    Best regards,
    Yigit

    July 10, 2017 at 8:40 pm #818972
    RoyalFlushGroup

    Yigit

    Many thanks for your input too. That has done the trick – you guys are fantastic!

    Please close this query.

    July 11, 2017 at 6:20 am #819109
    John Torvik

    Hi,

    You`re welcome!

    Best regards,
    John Torvik

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