Return to previous page

Blog template - by designerobot - on WordPress WooCommerce support

This topic has 16 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

  • Avatar: designerobot
    designerobot
    Participant
    September 27, 2017 at 23:31

    Hi,

    In the “Theme Options” panel, there is the section “Blog Layout” section where I can choose between Default, Grid, Timeline, Small, Mosaic.

    Well, where I can choose to create a page that works as a blog? I don’t find the blog in any place.
    In the setting of a new page, I can choose only between Template standard, Blank page, Custom registration page and Portfolio. There isn’t blog.

    If I a do all things from scratch with Visual Composer I’m not able to obtain the effect showed in your demo. Moreover, it is very slow (on the contrary your demos are fast).

    In your provided documentation this is not explained at all.

    PS: I cannot import demo content anymore because I don’t want to risk to lose all the work made on the customization until now.

    #173617 Copied
    15 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2017 at 08:08

    Hello,

    You need simply create a new page with Blog name, then > http://prntscr.com/gqmy6u.

    Regards

    #173629 Copied
    Avatar: designerobot
    designerobot
    Participant
    September 28, 2017 at 10:39

    Thanks for the explanation. Happy to know that is so simple.
    Regards

    #173667 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2017 at 10:40

    You’re welcome!

    Regards

    #173668 Copied
    Avatar: designerobot
    designerobot
    Participant
    October 2, 2017 at 16:48

    Hi, I need a small help again. I did the blog section with visual composer.

    I noted that if the width of the browser is 667 pixels or less, all changes and the pagination of the page becomes ugly.

    In past, you help me to solve this precise thing in the “portfolio” post section (see pics 01 and 02, in pvt content, to see the good result after your script).

    Now I have the same problem with “normal” post section (see pics 03 and 04, to note the difference).

    If I’ve two columns and, in small windows, it shows me only one column, I don’t understand why it also changes the layout of the content (from 3 miniatures to 1 miniature) ruining the aesthetic.

    Could you help me providing the right code to maintain 3 small miniatures (instead of 1 giant like now) in the smaller browser’s window of the blog section?

    Please, contact administrator
    for this information.
    #173986 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2017 at 08:44

    Hello,

    You may add this code in Custom css for this page:

    @media only screen and (max-width: 768px){
.vc_grid-item.vc_clearfix.vc_col-sm-4.vc_visible-item {
    width: 33.33%;
    display: inline-block !important;
}
}

    Regards

    #174028 Copied
    Avatar: designerobot
    designerobot
    Participant
    October 3, 2017 at 10:50

    Thank you very much, it works very well on the two sections on the top.
    On the bottom part (under where there is written “Gallery zoom”) the miniatures are still big. Could I make smaller them too?

    #174077 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2017 at 10:56

    Change the previous code to:

    @media only screen and (max-width: 768px){
.vc_grid-item.vc_clearfix.vc_col-sm-4.vc_visible-item, .vc_masonry_grid .vc_grid.vc_row .vc_grid-item {
    width: 33.33%;
    display: inline-block !important;
}
}

    Regards

    #174078 Copied
    Avatar: designerobot
    designerobot
    Participant
    October 3, 2017 at 11:13

    Now, it’s perfect. Many thanks.

    A last question… but could be possible to make still smaller ONLY the icons of the Gallery Zoom section, in EVERY size of the window (that is both desktop and mobile version)?

    #174082 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2017 at 12:07

    Use this code in Custom css for page:

    .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon {
    font-size: 2.5rem;
}

    Regards

    #174086 Copied
    Avatar: designerobot
    designerobot
    Participant
    October 3, 2017 at 14:20

    Scuse me, there was a misunderstanding… I meant miniatures of the Gallery Zoom section of the page.
    I would like that they are the half of the size of the other minuatures.

    #174102 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2017 at 14:32

    Sorry, a bit unclear for me, please provide screenshot for better understanding.

    Regards

    #174104 Copied
    Avatar: designerobot
    designerobot
    Participant
    October 3, 2017 at 16:48

    Here are two pics to better understanding (see below in pvt)

    Please, contact administrator
    for this information.
    #174125 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2017 at 08:02

    This depends on http://prntscr.com/gt1ge0 – option, and I do not recommend to use custom css to change it.

    Regards

    #174153 Copied
    Avatar: designerobot
    designerobot
    Participant
    October 4, 2017 at 11:30

    I know, but the problem is that from this VC control panel you can select at maximum 6 element per row, I was hoping I could put more with CSS. I will do some test

    #174187 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2017 at 14:06

    Feel free to ask if you have any other questions.

    Regards

    #174206 Copied
  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Crypto Mobile App – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Perfume – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.